/* ============================================
   4memory — Design Tokens
   ============================================ */

:root {
  /* --- Color Palette: Warm Stone --- */
  --color-primary:       #908E8E;
  --color-primary-dark:  #85745d;
  --color-primary-light: #908E8E;
  --color-primary-rgb:   152, 133, 107;

  --color-bg:            #FFFFFF;
  --color-bg-dark:       #2C2A26;
  --color-bg-stone:      #3A3632;
  --color-bg-warm:       #FFFFFF;
  --color-bg-gray:       #F5F5F5;

  --color-text:          #2D2926;
  --color-text-light:    #908E8E;
  --color-text-muted:    #908E8E;
  --color-text-inverse:  #FFFFFF;
  --color-text-strong:   #2D2926;

  --color-border:        #908E8E;
  --color-border-mid:    #D0D0D0;
  --color-border-dark:   #3A3632;

  --color-success:       #4CAF50;
  --color-error:         #D32F2F;

  /* --- Typography --- */
  --font-heading: 'Inter', sans-serif;
  --font-body:    'Inter', sans-serif;

  --fs-h1: clamp(2rem, 4vw, 3.25rem);
  --fs-h2: clamp(1.75rem, 3vw, 2.5rem);
  --fs-h3: clamp(1.25rem, 2vw, 1.75rem);
  --fs-h4: clamp(1.1rem, 1.5vw, 1.375rem);
  --fs-body:    1rem;
  --fs-body-lg: 1.125rem;
  --fs-small:   0.875rem;
  --fs-caption: 0.8125rem;

  --fw-regular: 400;
  --fw-medium:  500;
  --fw-semi:    600;
  --fw-bold:    700;

  --line-height:         1.6;
  --line-height-heading: 1.2;

  /* --- Spacing (8px base) --- */
  --space-xs:  0.25rem;
  --space-sm:  0.5rem;
  --space-md:  1rem;
  --space-lg:  1.5rem;
  --space-xl:  2rem;
  --space-2xl: 3rem;
  --space-3xl: 4rem;
  --space-4xl: 6rem;

  /* --- Layout --- */
  --container-max:     1280px;
  --container-padding: 38px;
  --mobile-padding: 38px;
  --grid-gap:          1.5rem;

  /* --- Borders & Radius --- */
  --radius-sm:   0;
  --radius-md:   0;
  --radius-lg:   0;
  --radius-pill: 0;

  /* --- Shadows --- */
  --shadow-sm:   0 1px 3px rgba(0,0,0,0.08);
  --shadow-md:   0 4px 12px rgba(0,0,0,0.1);
  --shadow-lg:   0 8px 30px rgba(0,0,0,0.12);
  --shadow-card: 0 2px 8px rgba(0,0,0,0.06);

  /* --- Transitions --- */
  --transition-fast: 150ms ease;
  --transition-base: 300ms ease;
  --transition-slow: 500ms ease;

  /* --- Z-index --- */
  --z-header:   100;
  --z-overlay:  200;
  --z-lightbox: 300;
  --z-toast:    400;
}