:root {
  /* --- Warm neutral ramp (espresso -> bone) --- */
  --ak-neutral-950: #16130F; /* espresso black — logo, dark surfaces */
  --ak-neutral-900: #211D18;
  --ak-neutral-800: #322C25;
  --ak-neutral-700: #4A4139; /* strong body on light */
  --ak-neutral-600: #655A4E;
  --ak-neutral-500: #857868; /* secondary text */
  --ak-neutral-400: #A89A87;
  --ak-neutral-300: #C6B9A6;
  --ak-neutral-200: #DED4C3;
  --ak-neutral-100: #ECE4D6; /* soft cream */
  --ak-neutral-50:  #F6F1E8; /* bone / paper */
  --ak-white:       #FCFAF5; /* warm white */

  /* --- Wood & warm tones (imagery, surfaces, illustration) --- */
  --ak-walnut-deep: #3E2C1E;
  --ak-walnut:      #6E4B32;
  --ak-walnut-soft: #8A6549;
  --ak-clay:        #A6795A;

  /* --- Brass accent (the single metallic) --- */
  --ak-brass-deep:  #8A6B3D;
  --ak-brass:       #B08D57; /* primary accent */
  --ak-brass-soft:  #CBAB79;
  --ak-honey:       #DDBE92; /* warm glow / highlight */

  /* --- Semantic surfaces --- */
  --ak-bg-page:        var(--ak-neutral-50);
  --ak-bg-canvas:      var(--ak-white);
  --ak-surface-raised: var(--ak-white);
  --ak-surface-sunken: var(--ak-neutral-100);
  --ak-surface-dark:   var(--ak-neutral-950);
  --ak-surface-walnut: var(--ak-walnut-deep);

  /* --- Semantic text --- */
  --ak-text-primary:      var(--ak-neutral-950);
  --ak-text-secondary:    var(--ak-neutral-600);
  --ak-text-muted:        var(--ak-neutral-500);
  --ak-text-accent:       var(--ak-brass-deep);
  --ak-text-on-dark:      var(--ak-neutral-100);
  --ak-text-on-dark-mut:  rgba(236, 228, 214, 0.62);

  /* --- Lines & hairlines --- */
  --ak-line:          rgba(22, 19, 15, 0.14);
  --ak-line-strong:   rgba(22, 19, 15, 0.28);
  --ak-line-on-dark:  rgba(252, 250, 245, 0.16);
  --ak-line-brass:    rgba(176, 141, 87, 0.55);

  /* --- Functional (used sparingly; kept warm) --- */
  --ak-success: #5C6B4A;
  --ak-warning: #B0842F;
  --ak-danger:  #9B4A38;

  /* --- Families --- */
  --ak-font-display: "Cormorant Garamond", "Cormorant", Georgia, serif;
  --ak-font-sans:    "Archivo", "Helvetica Neue", system-ui, sans-serif;
  --ak-font-label:   "Archivo", system-ui, sans-serif; /* uppercase, tracked */

  /* --- Weights --- */
  --ak-w-light:   300;
  --ak-w-regular: 400;
  --ak-w-medium:  500;
  --ak-w-semi:    600;
  --ak-w-bold:    700;

  /* --- Editorial serif scale (display) --- */
  --ak-display-2xl: 96px;  /* hero statements */
  --ak-display-xl:  72px;
  --ak-display-lg:  56px;
  --ak-display-md:  44px;
  --ak-display-sm:  34px;
  --ak-serif-lead:  26px;  /* editorial lead paragraph */

  /* --- Grotesque scale (UI + body) --- */
  --ak-text-2xl: 24px;
  --ak-text-xl:  20px;
  --ak-text-lg:  18px;
  --ak-text-md:  16px;  /* base body */
  --ak-text-sm:  14px;
  --ak-text-xs:  12px;

  /* --- Eyebrow / label --- */
  --ak-label:    12px;
  --ak-label-sm: 10.5px;

  /* --- Line heights --- */
  --ak-lh-tight:  1.04;  /* big display */
  --ak-lh-snug:   1.16;
  --ak-lh-normal: 1.5;
  --ak-lh-relaxed:1.7;   /* body copy */

  /* --- Tracking --- */
  --ak-track-display: -0.015em;
  --ak-track-tight:   -0.01em;
  --ak-track-normal:  0;
  --ak-track-label:   0.22em;  /* eyebrows */
  --ak-track-wide:    0.32em;  /* KITCHEN-style spacing */

  --ak-space-1:  4px;
  --ak-space-2:  8px;
  --ak-space-3:  12px;
  --ak-space-4:  16px;
  --ak-space-5:  24px;
  --ak-space-6:  32px;
  --ak-space-7:  48px;
  --ak-space-8:  64px;
  --ak-space-9:  96px;
  --ak-space-10: 128px;
  --ak-space-11: 192px;

  /* --- Container widths --- */
  --ak-container:      1240px;
  --ak-container-text: 680px;  /* editorial reading measure */

  /* --- Gutters --- */
  --ak-gutter:      24px;
  --ak-gutter-wide: 48px;

  /* --- Radius (minimal — the brand is engineered, not rounded) --- */
  --ak-radius-none: 0px;
  --ak-radius-xs:   2px;
  --ak-radius-sm:   3px;
  --ak-radius-md:   6px;
  --ak-radius-lg:   10px;
  --ak-radius-pill: 999px;

  /* --- Shadows (warm, diffuse) --- */
  --ak-shadow-xs: 0 1px 2px rgba(30, 22, 12, 0.06);
  --ak-shadow-sm: 0 2px 8px rgba(30, 22, 12, 0.08);
  --ak-shadow-md: 0 8px 24px rgba(30, 22, 12, 0.10);
  --ak-shadow-lg: 0 24px 60px rgba(30, 22, 12, 0.14);
  --ak-shadow-glow: 0 0 60px rgba(221, 190, 146, 0.35); /* honey light */

  /* --- Motion --- */
  --ak-ease:       cubic-bezier(0.22, 0.61, 0.36, 1);   /* calm ease-out */
  --ak-ease-inout: cubic-bezier(0.65, 0, 0.35, 1);
  --ak-dur-fast:   160ms;
  --ak-dur-base:   280ms;
  --ak-dur-slow:   520ms;
}