:root {
  /* Core aliases */
  --color-base: var(--color-forest-base-dark);
  --color-light: var(--color-forest-light-neutral);
  --color-surface-light: var(--color-carbon-base-parchment);
  --color-surface-white: var(--color-common-white);
  --color-surface-section: var(--color-carbon-section-bg);
  --color-typography-primary: var(--color-carbon-primary-text);
  --color-typography-secondary: var(--color-carbon-secondary-text);
  --color-typography-white: var(--color-carbon-base-parchment);
  --color-buttons-primary: var(--color-carbon-primary-accent);
  --color-buttons-secondary: var(--color-carbon-secondary-accent);
  --color-support-border: var(--color-carbon-borders);

  /* Forest theme */
  --color-forest-base-dark: #212f2b;
  --color-forest-base-light: #f4f7f5;
  --color-forest-dark-neutral: #181f1d;
  --color-forest-mid-neutral: #6e7c76;
  --color-forest-light-neutral: #d7e0db;
  --color-forest-primary-accent: #4e9f7d;
  --color-forest-secondary-accent: #d4a373;
  --color-forest-cool-accent: #4a6fa5;
  --color-forest-success: #3e836e;
  --color-forest-warning: #c88a3d;
  --color-forest-error: #b94a48;

  /* Carbon theme */
  --color-carbon-base-carbon: #141414;
  --color-carbon-base-parchment: #f5f1eb;
  --color-carbon-primary-accent: #b85c38;
  --color-carbon-secondary-accent: #4f5d52;
  --color-carbon-tertiary-accent: #8b8178;
  --color-carbon-primary-text: var(--color-carbon-base-carbon);
  --color-carbon-secondary-text: #4a4a4a;
  --color-carbon-helper-text: #7a7a7a;
  --color-carbon-borders: #d6d0c8;
  --color-carbon-section-bg: #f6f7f8;
  --color-carbon-muted-icons-ui: #8b8178;
  --color-carbon-success: #5f7a6b;
  --color-carbon-warning: #9a6a3a;
  --color-carbon-error: #8a3f3f;

  /* Authenticated app shell */
  --color-auth-sidebar-surface: var(--color-carbon-base-parchment);
  /* Soft vertical gradient for the sidebar surface (Figma navigation / primary). */
  --color-auth-sidebar-surface-from: #fdfcfa;
  --color-auth-sidebar-surface-to: #f5f2ee;
  --color-auth-sidebar-active: #f5e2ca;
  --color-auth-sidebar-border: var(--color-line-soft);
  /* Default/light sidebar avatar follows Figma navigation/primary; dark mode overrides it below. */
  --color-auth-sidebar-avatar-bg: var(--color-brand-primary);
  --color-auth-sidebar-badge-border: var(--color-carbon-borders);
  --color-auth-sidebar-badge-text: var(--color-carbon-secondary-text);
  --color-auth-sidebar-nav-icon-active: var(--color-ink);
  --color-auth-sidebar-nav-label-active: var(--color-ink);
  --color-auth-sidebar-nav-icon-inactive: var(--color-ink);
  --color-auth-sidebar-nav-label-inactive: var(--color-ink);
  --color-auth-sidebar-nav-hover-text: var(--color-carbon-base-carbon);
  --color-auth-sidebar-user-trigger: var(--color-ink-muted);
  --color-auth-sidebar-user-name: var(--color-ink-muted);
  --color-auth-sidebar-user-chevron: var(--color-carbon-helper-text);

  /* Content-library onboarding (app-only surface; the ink/accent/line
     tokens resolve from the Tailwind theme in the app bundle). */
  --color-onboarding-page-surface: var(--color-common-white);
  --color-onboarding-copy-primary: var(--color-ink);
  --color-onboarding-copy-secondary: var(--color-ink-strong);
  --color-brand-primary: #c07840;
  --color-brand-secondary: var(--color-accent);
  --color-brand-secondary-hover: #4f7d74;
  --color-onboarding-card-surface: #f9f7f4;
  --color-onboarding-icon-surface: #d0dfda;
  --color-onboarding-icon: #2e5a51;
  --color-onboarding-button-border: #333230;
  --color-onboarding-button-hover: #eee8df;
  --color-onboarding-focus-ring: var(--color-buttons-primary);
  --color-onboarding-alert-surface: #fff7ed;
  --color-onboarding-alert-border: #fed7aa;
  --color-onboarding-alert-text: #9a3412;
  --color-onboarding-input-border: var(--color-line);
  --color-onboarding-input-placeholder: var(--color-ink-faint);
  --color-onboarding-input-surface: var(--color-common-white);
  --color-onboarding-section-label: #423c34;
  --color-progress-copy-secondary: var(--color-ink-muted);
  --color-progress-ring-track: #d4ead9;
  --color-progress-ring-arc: #4e9f65;
  --color-progress-percent: #3e8654;
  --color-progress-error-ring-track: #fecaca;
  --color-progress-error-ring-arc: #dc2626;

  /* Content library index */
  --color-content-library-page-surface: var(--color-common-white);
  --color-content-library-sidebar-border: var(--color-carbon-borders);
  --color-content-library-active-row: var(--color-auth-sidebar-active);
  --color-content-library-pill-static: #eef3ef;
  --color-content-library-pill-active: #d0dfda;
  --color-content-library-pill-text: #406d7c;
  --color-content-library-row-border: var(--color-carbon-borders);
  --color-content-library-row-action: var(--color-carbon-helper-text);
  --color-content-library-search-focus: var(--color-buttons-primary);

  /* Common neutrals */
  --color-common-white: #ffffff;

  /* Default active theme (carbon) */
  --color-theme-base: var(--color-carbon-base-carbon);
  --color-theme-surface: var(--color-carbon-base-parchment);
  --color-theme-text: var(--color-carbon-primary-text);
  --color-theme-text-muted: var(--color-carbon-secondary-text);
  --color-theme-accent: var(--color-carbon-primary-accent);
  --color-theme-border: var(--color-carbon-borders);
}

@media (prefers-color-scheme: dark) {
  :root {
    --color-auth-sidebar-surface: var(--color-carbon-base-carbon);
    --color-auth-sidebar-surface-from: var(--color-carbon-base-carbon);
    --color-auth-sidebar-surface-to: var(--color-carbon-base-carbon);
    --color-auth-sidebar-active: #3a2b1f;
    --color-auth-sidebar-border: var(--color-gray-700);
    --color-auth-sidebar-avatar-bg: var(--color-theme-accent);
    --color-auth-sidebar-badge-border: var(--color-gray-700);
    --color-auth-sidebar-badge-text: var(--color-gray-300);
    --color-auth-sidebar-nav-icon-active: var(--color-common-white);
    --color-auth-sidebar-nav-label-active: var(--color-common-white);
    --color-auth-sidebar-nav-icon-inactive: var(--color-gray-300);
    --color-auth-sidebar-nav-label-inactive: var(--color-gray-200);
    --color-auth-sidebar-nav-hover-text: var(--color-common-white);
    --color-auth-sidebar-user-trigger: var(--color-gray-300);
    --color-auth-sidebar-user-name: var(--color-gray-200);
    --color-auth-sidebar-user-chevron: var(--color-gray-400);
    --color-onboarding-page-surface: var(--color-carbon-base-carbon);
    --color-onboarding-copy-primary: var(--color-common-white);
    --color-onboarding-copy-secondary: var(--color-gray-300);
    --color-brand-secondary: #6fa79c;
    --color-brand-secondary-hover: #82bbb0;
    --color-onboarding-card-surface: #242321;
    --color-onboarding-icon-surface: #24443d;
    --color-onboarding-icon: #b7d4ca;
    --color-onboarding-button-border: var(--color-gray-300);
    --color-onboarding-button-hover: #332f2a;
    --color-onboarding-focus-ring: var(--color-forest-secondary-accent);
    --color-onboarding-alert-surface: #431407;
    --color-onboarding-alert-border: #9a3412;
    --color-onboarding-alert-text: #fed7aa;
    --color-onboarding-input-border: var(--color-gray-700);
    --color-onboarding-input-placeholder: var(--color-gray-400);
    --color-onboarding-input-surface: var(--color-onboarding-card-surface);
    --color-onboarding-section-label: var(--color-gray-200);
    --color-progress-copy-secondary: var(--color-gray-300);
    --color-progress-ring-track: #24443d;
    --color-progress-ring-arc: #6fa79c;
    --color-progress-percent: #6fa79c;
    --color-content-library-page-surface: var(--color-carbon-base-carbon);
    --color-content-library-sidebar-border: var(--color-gray-700);
    --color-content-library-active-row: #3a2b1f;
    --color-content-library-pill-static: #263632;
    --color-content-library-pill-active: #24443d;
    --color-content-library-pill-text: #b7d4ca;
    --color-content-library-row-border: var(--color-gray-700);
    --color-content-library-row-action: var(--color-gray-300);
    --color-content-library-search-focus: var(--color-forest-secondary-accent);
  }
}