/* Généré par `php artisan salon:tokens` depuis resources/themes/salon/design-tokens.json.
   Ne pas éditer à la main : toute modification serait perdue à la prochaine
   génération. Corriger le JSON, puis relancer la commande. */
:root {
  --c-paper: #F7F4EE;
  --c-paper-alt: #EFEAE1;
  --c-ink: #17150F;
  --c-ink-deep: #0F0D09;
  --c-muted: #4E483C;
  --c-subtle: #6B6354;
  --c-faint: #8C8474;
  --c-line: #E2DBCD;
  --c-line-field: #D6CDBC;
  --c-line-dark: #2E2A20;
  --c-accent: #A8873F;
  --c-accent-lt: #C7A55C;
  --c-on-dark: #EDE7DA;
  --c-on-dark-muted: #B9AF9C;
  --c-on-dark-faint: #8A8172;

  --f-display: 'Cormorant Garamond', Georgia, serif;
  --f-text: Jost, 'Helvetica Neue', Arial, sans-serif;
  --f-mono: 'Courier New', monospace;

  --t-hero: 86px;
  --t-h1: 74px;
  --t-h2: 52px;
  --t-h3: 25px;
  --t-quote: 24px;
  --t-numeral: 116px;
  --t-body-lg: 17px;
  --t-body: 16px;
  --t-small: 14.5px;
  --t-label: 11.5px;
  --t-eyebrow: 11px;
  --t-wordmark: 27px;

  --gutter: 56px;
  --section-y: 100px;
  --max-width: 1440px;

  --dur-fast: 160ms;
  --dur: 260ms;
  --ease: cubic-bezier(.22,.61,.36,1);
}

@media (max-width: 1100px) {
  :root {
    --gutter: 32px;
    --section-y: 72px;
  }
}

@media (max-width: 900px) {
  :root {
    --t-hero: 46px;
    --t-h1: 40px;
    --t-h2: 32px;
    --t-h3: 22px;
    --t-numeral: 64px;
    --gutter: 20px;
    --section-y: 56px;
  }
}