/* ============================================================
   CARBON BASED — Design Tokens
   carbonbased.us
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300;1,400&family=Helvetica+Neue:wght@100;200;300&display=swap');

:root {
  /* --- Color Palette --- */
  --cb-black:        #0a0a0a;
  --cb-black-warm:   #1a1814;
  --cb-black-mid:    #232018;
  --cb-black-soft:   #2a2724;
  --cb-white:        #f8f6f2;
  --cb-warm:         #ede9e0;
  --cb-warm-mid:     #d9d4c9;
  --cb-mid:          #9a9490;
  --cb-muted:        #6b6760;
  --cb-accent:       #c8a96e;
  --cb-accent-dark:  #a8874e;

  /* --- Typography --- */
  --font-serif:      'Cormorant Garamond', Georgia, serif;
  --font-sans:       'Helvetica Neue', 'Helvetica', Arial, sans-serif;

  /* --- Spacing Scale --- */
  --space-xs:   8px;
  --space-sm:   16px;
  --space-md:   32px;
  --space-lg:   56px;
  --space-xl:   80px;
  --space-2xl:  120px;

  /* --- Transitions --- */
  --transition-fast:   0.15s ease;
  --transition-base:   0.28s ease;
  --transition-slow:   0.5s ease;

  /* --- Z-index Layers --- */
  --z-base:    1;
  --z-overlay: 10;
  --z-nav:     100;
  --z-modal:   200;
}