/* ==========================================================================
   CALM COLOR PALETTE & DESIGN SYSTEM
   Featuring: Sienna (Terracotta), Oak (Hessian), Cashmere (Linen), Bush (Evergreen)
   on Charcoal Slate Canvas & Warm Light Parchment Day Mode
   ========================================================================== */

:root {
  /* --- Exact CALM Color Palette (Default Dark Slate) --- */
  --calm-bg: #2b2f33;             /* Lighter slate charcoal background */
  --calm-bg-darker: #22262a;      /* Darkest shadow depth */
  --calm-bg-surface: #383d42;     /* Elevated slate card */
  --calm-bg-elevated: #454b51;    /* High-contrast slate overlay */

  --calm-sienna: #b85d34;         /* Rich terracotta clay / torn paper */
  --calm-sienna-light: #cc6f44;   /* Sienna hover / highlight */
  --calm-sienna-dark: #8d401e;    /* Sienna shadow */
  --calm-sienna-glow: rgba(184, 93, 52, 0.4);

  --calm-oak: #bd9b70;            /* Warm woven hessian burlap / flax */
  --calm-oak-light: #cfaf87;      /* Oak highlight */
  --calm-oak-dark: #98764c;       /* Oak deep weave */
  --calm-oak-glow: rgba(189, 155, 112, 0.35);

  --calm-cashmere: #e2d6c6;       /* Soft linen parchment / off-white */
  --calm-cashmere-light: #efe6d9; /* Cashmere pure light */
  --calm-cashmere-dark: #c5b6a1;  /* Cashmere shadow */
  --calm-cashmere-glow: rgba(226, 214, 198, 0.35);

  --calm-bush: #182e28;           /* Deep dark evergreen forest pebble */
  --calm-bush-light: #24463d;     /* Bush highlight */
  --calm-bush-dark: #0f1f1a;      /* Bush deep shadow */
  --calm-bush-glow: rgba(24, 46, 40, 0.6);

  --calm-cream: #eedfc8;          /* Editorial title typography */
  --calm-text-muted: #9ba3a9;     /* Slate muted text */
  --calm-gold: #c4a040;           /* Historic archive gold accent */

  /* Surface and Bar Backgrounds */
  --top-bar-bg: rgba(24, 28, 32, 0.88);
  --top-bar-border: rgba(255, 255, 255, 0.08);
  --dock-bg: rgba(24, 28, 32, 0.92);
  --dock-border: rgba(255, 255, 255, 0.1);
  --modal-bg: #1f2428;
  --modal-header-bg: #191c1f;
  --card-bg: #252b30;

  /* Semantic UI Tokens */
  --bg-primary: var(--calm-bg);
  --bg-surface: var(--calm-bg-surface);
  --bg-surface-elevated: var(--calm-bg-elevated);
  --bg-dark: var(--calm-bg-darker);

  --text-primary: #f5f1eb;
  --text-secondary: #c9d1d6;
  --text-muted: var(--calm-text-muted);
  --text-inverse: #191c1f;
  --text-accent: var(--calm-sienna-light);

  --border-subtle: rgba(255, 255, 255, 0.1);
  --border-medium: rgba(207, 161, 56, 0.3);
  --border-ornate: var(--calm-gold);

  --accent-gold: var(--calm-gold);
  --accent-gold-glow: rgba(196, 160, 64, 0.4);
  --accent-terracotta: var(--calm-sienna);

  /* Elevation & Shadows */
  --shadow-subtle: 0 4px 14px rgba(0, 0, 0, 0.25);
  --shadow-card: 0 12px 32px rgba(0, 0, 0, 0.38), 0 2px 8px rgba(0, 0, 0, 0.2);
  --shadow-hover: 0 20px 48px rgba(0, 0, 0, 0.5), 0 0 24px rgba(184, 93, 52, 0.2);
  --shadow-modal: 0 28px 75px rgba(0, 0, 0, 0.75), 0 0 40px rgba(0, 0, 0, 0.4);
  --shadow-swatch: 0 16px 40px rgba(0, 0, 0, 0.45), 0 4px 12px rgba(0, 0, 0, 0.25);

  /* Radii & Shapes */
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --radius-xl: 32px;
  --radius-pill: 9999px;

  /* Typography Stacks */
  --font-serif: 'Cinzel', 'Playfair Display', 'Cormorant Garamond', Georgia, serif;
  --font-serif-body: 'Lora', 'Merriweather', Georgia, serif;
  --font-sans: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', monospace;

  /* Transitions */
  --transition-fast: 0.18s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-normal: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-smooth: 0.45s cubic-bezier(0.16, 1, 0.3, 1);
}

/* ==========================================================================
   DAY / LIGHT PARCHMENT THEME (ACCESSIBLE, HIGH-CONTRAST & ELEGANT)
   ========================================================================== */
[data-theme="light-parchment"] {
  --calm-bg: #ece3d5;             /* Natural warm parchment */
  --calm-bg-darker: #dfd4c3;      /* Subtle darker shading */
  --calm-bg-surface: #f9f5ee;     /* Warm white parchment card */
  --calm-bg-elevated: #ffffff;    /* Pure crisp elevated */

  /* High-Contrast Readability Typography in Day Mode */
  --calm-cream: #26201b;          /* Bold, crisp dark charcoal for main 'Calm' title */
  --calm-cashmere: #3c332b;       /* Deep warm umber for quotes and text */
  --calm-text-muted: #695b4f;     /* Legible muted tone */
  --calm-gold: #916315;           /* Rich deep amber gold */

  /* Harmonized Top Bar & Dock in Light Mode */
  --top-bar-bg: rgba(235, 226, 213, 0.94);
  --top-bar-border: rgba(60, 51, 43, 0.12);
  --dock-bg: rgba(233, 223, 209, 0.95);
  --dock-border: rgba(60, 51, 43, 0.14);
  --modal-bg: #f7f2ea;
  --modal-header-bg: #ede4d6;
  --card-bg: #ede4d6;

  --text-primary: #211c18;
  --text-secondary: #4a3e35;
  --text-muted: #6e5f52;
  --text-inverse: #ffffff;
  --text-accent: #a04921;

  --border-subtle: rgba(50, 40, 30, 0.12);
  --border-medium: rgba(184, 93, 52, 0.35);

  --shadow-swatch: 0 16px 36px rgba(60, 48, 36, 0.22), 0 4px 10px rgba(60, 48, 36, 0.12);
  --shadow-hover: 0 20px 48px rgba(60, 48, 36, 0.3), 0 0 20px rgba(184, 93, 52, 0.25);
  --shadow-modal: 0 28px 75px rgba(40, 30, 20, 0.45), 0 0 35px rgba(0, 0, 0, 0.15);
}