/* ============================================================
   Nath's Cakes — Design tokens
   Version 1.0.0 · 2026-06-11
   Variables uniques source de vérité de la marque.
   ============================================================ */

:root {
  /* ─── Surfaces ─── */
  --nc-ivory:       #FBF7F2;   /* fond dominant 70% */
  --nc-white:       #FFFFFF;
  --nc-blush:       #F4DCD6;
  --nc-blush-light: #FAEEEA;
  --nc-sand:        #E8DDCF;

  /* ─── Accents or ─── */
  --nc-gold:        #B8915A;
  --nc-gold-deep:   #8E6B3F;
  --nc-gold-light:  #D9B98A;

  /* ─── Encres ─── */
  --nc-ink:           #2B2522;
  --nc-ink-soft:      #6B5F58;
  --nc-ink-muted:     #A89E96;
  --nc-ink-inverted:  #FBF7F2;

  /* ─── Feedback ─── */
  --nc-success:  #6B8E5A;
  --nc-error:    #B85450;
  --nc-warning:  #C9A05A;

  /* ─── Bordures ─── */
  --nc-line:           #EDE5DC;
  --nc-border-strong:  #D9CFC2;

  /* ─── Typographies ─── */
  --nc-serif:  'Cormorant Garamond', 'Adobe Garamond Pro', Georgia, serif;
  --nc-sans:   'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --nc-script: 'Allura', cursive;

  /* ─── Motion ─── */
  --nc-ease-out:     cubic-bezier(.4, 0, .2, 1);
  --nc-ease-expo:    cubic-bezier(.16, 1, .3, 1);
  --nc-ease-elegant: cubic-bezier(.22, 1, .36, 1);
  --nc-dur-fast:   200ms;
  --nc-dur-base:   300ms;
  --nc-dur-slow:   500ms;
  --nc-dur-scroll: 700ms;

  /* ─── Layout ─── */
  --nc-container:        1280px;
  --nc-container-narrow: 880px;
  --nc-gutter:           1.5rem;
  --nc-section-y:        clamp(3.5rem, 6vw, 5.5rem);

  /* ─── Radius ─── */
  --nc-radius:      0;       /* défaut — angles vifs */
  --nc-radius-pill: 999px;   /* pastilles uniquement */

  /* ─── Shadows ─── */
  --nc-shadow-subtle: 0 1px 2px rgba(43, 37, 34, .04);
  --nc-shadow-soft:   0 4px 24px rgba(43, 37, 34, .06);
  --nc-shadow-card:   0 8px 40px rgba(43, 37, 34, .08);
  --nc-shadow-lift:   0 16px 60px rgba(43, 37, 34, .10);
  --nc-shadow-float:  -20px 30px 60px -20px rgba(43, 37, 34, .18);

  /* ─── Z-index ─── */
  --nc-z-base:     1;
  --nc-z-dropdown: 50;
  --nc-z-header:   100;
  --nc-z-mega:     99;
  --nc-z-modal:    200;
  --nc-z-toast:    300;
}

/* ─── Aliases sans préfixe pour faciliter l'écriture ─── */
:root {
  --ivory: var(--nc-ivory);
  --white: var(--nc-white);
  --blush: var(--nc-blush);
  --blush-light: var(--nc-blush-light);
  --sand: var(--nc-sand);
  --gold: var(--nc-gold);
  --gold-deep: var(--nc-gold-deep);
  --gold-light: var(--nc-gold-light);
  --ink: var(--nc-ink);
  --ink-soft: var(--nc-ink-soft);
  --ink-muted: var(--nc-ink-muted);
  --ink-inverted: var(--nc-ink-inverted);
  --success: var(--nc-success);
  --error: var(--nc-error);
  --warning: var(--nc-warning);
  --line: var(--nc-line);
  --border-strong: var(--nc-border-strong);
  --serif: var(--nc-serif);
  --sans: var(--nc-sans);
  --script: var(--nc-script);
  --ease-out: var(--nc-ease-out);
  --ease-expo: var(--nc-ease-expo);
  --ease-elegant: var(--nc-ease-elegant);
  --container: var(--nc-container);
}
