:root {
  /* ==============================
     YACADIA BRAND PALETTE
     ============================== */
  --yacadia-midnight: #0E1B2D;
  --yacadia-midnight-hover: #162A43;
  --yacadia-copper: #B87333;
  --yacadia-copper-accessible: #A55E24;
  --yacadia-cream: #F6F4EE;
  --yacadia-charcoal: #2B2B2B;
  --yacadia-white: #FFFFFF;

  --yacadia-midnight-rgb: 14, 27, 45;
  --yacadia-copper-rgb: 184, 115, 51;
  --yacadia-charcoal-rgb: 43, 43, 43;
  --yacadia-cream-rgb: 246, 244, 238;

  /* ==============================
     BACKWARD-COMPATIBLE GS ALIASES
     Keep these names during migration so existing CSS/JS does not break.
     ============================== */
  --gs-coral: var(--yacadia-copper-accessible);
  --gs-charcoal: var(--yacadia-charcoal);
  --gs-navy: var(--yacadia-midnight);
  --gs-white: var(--yacadia-white);
  --gs-mist: var(--yacadia-cream);

  /* ==============================
     GLOBAL THEME TOKENS
     ============================== */
  --gs-page-bg: var(--yacadia-cream);
  --gs-header-bg: var(--yacadia-midnight);
  --gs-card-bg: var(--yacadia-white);
  --gs-panel-bg: var(--yacadia-white);
  --gs-surface: #FBF9F5;

  --gs-text: var(--yacadia-charcoal);
  --gs-text-light: var(--yacadia-cream);
  --gs-text-white: var(--yacadia-white);
  --gs-muted: rgba(var(--yacadia-charcoal-rgb), 0.68);

  --gs-primary: var(--yacadia-midnight);
  --gs-primary-hover: var(--yacadia-midnight-hover);
  --gs-accent: var(--yacadia-copper);
  --gs-accent-strong: var(--yacadia-copper-accessible);
  --gs-accent-soft: rgba(var(--yacadia-copper-rgb), 0.12);

  --gs-border: rgba(var(--yacadia-charcoal-rgb), 0.14);
  --gs-border-strong: rgba(var(--yacadia-charcoal-rgb), 0.24);
  --gs-border-light: rgba(255, 255, 255, 0.18);

  --gs-shadow: 0 12px 30px rgba(var(--yacadia-midnight-rgb), 0.12);

  /* ==============================
     FILES TAB TOKENS
     ============================== */
  --gs-folder-bg: var(--yacadia-white);
  --gs-folder-bg-hover: #FBF9F5;
  --gs-folder-active-bg: rgba(var(--yacadia-copper-rgb), 0.12);
  --gs-folder-active-border: rgba(var(--yacadia-copper-rgb), 0.45);
  --gs-folder-active-outline: rgba(var(--yacadia-copper-rgb), 0.25);

  /* ==============================
     WORKFLOW TOKENS
     Semantic status colors remain separate from brand colors.
     ============================== */
  --gs-workflow-bg: var(--yacadia-white);
  --gs-workflow-panel-bg: var(--yacadia-white);
  --gs-workflow-timeline-bg: #E9E5DE;
  --gs-workflow-text: var(--yacadia-charcoal);
  --gs-workflow-blue: #0B6FFF;
  --gs-workflow-green: #2F855A;
}

[data-theme="dark"],
body.dark {
  --gs-page-bg: #08111E;
  --gs-card-bg: var(--yacadia-midnight);
  --gs-panel-bg: #162A43;
  --gs-surface: #162A43;
  --gs-text: var(--yacadia-cream);
  --gs-muted: rgba(var(--yacadia-cream-rgb), 0.68);
  --gs-border: rgba(var(--yacadia-cream-rgb), 0.18);
  --gs-border-strong: rgba(var(--yacadia-cream-rgb), 0.28);
  --gs-shadow: 0 14px 34px rgba(0, 0, 0, 0.34);
  --gs-folder-bg: var(--yacadia-midnight);
  --gs-folder-bg-hover: #162A43;
  --gs-workflow-bg: var(--yacadia-midnight);
  --gs-workflow-panel-bg: #162A43;
  --gs-workflow-text: var(--yacadia-cream);
}