:root {
  /* ==============================
     GOODSTREAM GLOBAL PALETTE
     ============================== */
  --gs-coral: #ff6642;
  --gs-charcoal: #1c2329;
  --gs-navy: #1e3044;
  --gs-white: #ffffff;
  --gs-mist: #e1e9f0;

  /* ==============================
     GLOBAL THEME TOKENS
     ============================== */
  --gs-page-bg: var(--gs-mist);
  --gs-header-bg: var(--gs-navy);
  --gs-card-bg: var(--gs-white);
  --gs-panel-bg: var(--gs-white);

  --gs-text: var(--gs-charcoal);
  --gs-text-light: var(--gs-mist);
  --gs-text-white: var(--gs-white);
  --gs-muted: rgba(28, 35, 41, 0.68);

  --gs-primary: var(--gs-navy);
  --gs-primary-hover: #263c55;
  --gs-accent: var(--gs-coral);

  --gs-border: rgba(28, 35, 41, 0.14);
  --gs-border-light: rgba(255, 255, 255, 0.18);

  --gs-shadow: 0 12px 30px rgba(28, 35, 41, 0.12);

  /* ==============================
     FILES TAB TOKENS
     ============================== */
  --gs-folder-bg: var(--gs-white);
  --gs-folder-bg-hover: #f8fafc;
  --gs-folder-active-bg: rgba(255, 102, 66, 0.12);
  --gs-folder-active-border: rgba(255, 102, 66, 0.45);
  --gs-folder-active-outline: rgba(255, 102, 66, 0.25);

  /* ==============================
     WORKFLOW TOKENS
     ============================== */
  --gs-workflow-bg: var(--gs-white);
  --gs-workflow-panel-bg: var(--gs-white);
  --gs-workflow-timeline-bg: #e9e9e9;
  --gs-workflow-text: var(--gs-charcoal);
  --gs-workflow-blue: #0b6fff;
  --gs-workflow-green: #46c274;
}