/* The Artisanal Archive — Color tokens
   "The Organic Palette": parchment warmth + deep forest depth.
   No pure black, no stark white for text. */

:root {
  /* --- Surfaces (paper tiers) --- */
  --surface: #fcf9f0;
  --surface-dim: #dddad2;
  --surface-bright: #fcf9f0;
  --surface-container-lowest: #ffffff;
  --surface-container-low: #f6f3ea;
  --surface-container: #f1eee5;
  --surface-container-high: #ebe8e0;
  --surface-container-highest: #e5e2da;
  --surface-variant: #e5e2da;
  --surface-tint: #496455;

  /* --- Ink (on-surface) --- */
  --on-surface: #1c1c17;
  --on-surface-variant: #424844;
  --inverse-surface: #31312b;
  --inverse-on-surface: #f4f1e8;
  --outline: #727973;
  --outline-variant: #c2c8c2;

  /* --- Primary: Deep Forest --- */
  --primary: #021c10;
  --on-primary: #ffffff;
  --primary-container: #2d4739;
  --on-primary-container: #7d9a88;
  --inverse-primary: #b0cebb;

  /* --- Secondary: Earth --- */
  --secondary: #785832;
  --on-secondary: #ffffff;
  --secondary-container: #fed2a2;
  --on-secondary-container: #795932;

  /* --- Tertiary --- */
  --tertiary: #031c11;
  --on-tertiary: #ffffff;
  --tertiary-container: #183125;
  --on-tertiary-container: #7e9a89;

  /* --- Error --- */
  --error: #ba1a1a;
  --on-error: #ffffff;
  --error-container: #ffdad6;
  --on-error-container: #93000a;

  /* --- Fixed pairs --- */
  --primary-fixed: #cbead6;
  --primary-fixed-dim: #b0cebb;
  --on-primary-fixed: #052014;
  --on-primary-fixed-variant: #324c3e;
  --secondary-fixed: #ffddb9;
  --secondary-fixed-dim: #e9bf91;
  --on-secondary-fixed: #2b1700;
  --on-secondary-fixed-variant: #5e411d;
  --tertiary-fixed: #ccead7;
  --tertiary-fixed-dim: #b0cdbb;
  --on-tertiary-fixed: #062015;
  --on-tertiary-fixed-variant: #324c3e;

  /* --- Background --- */
  --background: #fcf9f0;
  --on-background: #1c1c17;
  --background-parchment: #fcf9f0;

  /* --- Brand gradient (hero / high-impact CTA) --- */
  --gradient-forest: linear-gradient(135deg, #021c10 0%, #2d4739 100%); /* @kind color */

  /* --- Glassmorphism (floating nav / overlays) --- */
  --glass-surface: rgba(252, 249, 240, 0.8);
  --glass-blur: 20px;
}