:root {
  color-scheme: dark;

  /* Global AdaptoAI system */
  --theme-accent: #446961;
  --theme-accent-rgb: 68, 105, 97;
  --theme-bg: #040404;
  --theme-bg-rgb: 4, 4, 4;
  --theme-surface: #090909;
  --theme-surface-rgb: 9, 9, 9;
  --theme-card: #0F0F0F;
  --theme-card-rgb: 15, 15, 15;
  --theme-text-primary: #F1F5F4;
  --theme-text-primary-rgb: 241, 245, 244;
  --theme-text-muted: #9FB8B2;
  --theme-text-muted-rgb: 159, 184, 178;
  --theme-text-disabled: #6F8A84;
  --theme-text-disabled-rgb: 111, 138, 132;

  --theme-border: rgba(255, 255, 255, 0.08);
  --theme-border-rgb: 255, 255, 255;
  --theme-border-subtle: rgba(255, 255, 255, 0.05);
  --theme-border-subtle-rgb: 255, 255, 255;

  /* Derived base */
  --overlay-veil-rgb: var(--theme-bg-rgb);
  --signal-warning-rgb: 250, 204, 21;
  --signal-critical-rgb: 248, 113, 113;
  --shadow-base-rgb: var(--theme-bg-rgb);

  --brand-primary: var(--theme-accent);
  --brand-primary-rgb: var(--theme-accent-rgb);
  --brand-secondary: var(--brand-primary);
  --brand-secondary-rgb: var(--brand-primary-rgb);

  --bg-dark: var(--theme-bg);
  --bg-dark-rgb: var(--theme-bg-rgb);
  --bg-panel: var(--theme-surface);
  --bg-panel-rgb: var(--theme-surface-rgb);
  --bg-card: var(--theme-card);
  --bg-card-rgb: var(--theme-card-rgb);

  --text-light: var(--theme-text-primary);
  --text-light-rgb: var(--theme-text-primary-rgb);
  --text-muted: var(--theme-text-muted);
  --text-muted-rgb: var(--theme-text-muted-rgb);

  --overlay-entity-rgb: var(--theme-bg-rgb);
  --overlay-input-rgb: var(--theme-bg-rgb);
  --overlay-popover-rgb: var(--theme-bg-rgb);
  --overlay-release-rgb: var(--theme-bg-rgb);
  --overlay-modal-rgb: var(--theme-bg-rgb);

  /* Derived semantic tokens */
  --brand-gradient: linear-gradient(
    180deg,
    rgba(var(--theme-bg-rgb), 0) 0%,
    rgba(var(--theme-bg-rgb), 0.5) 55%,
    rgba(var(--theme-bg-rgb), 0.85) 100%
  );
  --bg-gradient: linear-gradient(
    140deg,
    rgba(var(--bg-dark-rgb), 1) 0%,
    rgba(var(--bg-dark-rgb), 0.94) 50%,
    rgba(var(--bg-dark-rgb), 1) 100%
  );
  --card-bg: rgba(var(--bg-card-rgb), 0.9);
  --card-border: var(--theme-border);
  --glow: none;

  --shadow-ambient: 0 10px 24px rgba(var(--shadow-base-rgb), 0.6);
  --shadow-shell: 0 16px 36px rgba(var(--shadow-base-rgb), 0.6);
  --shadow-footer: 0 -12px 32px rgba(var(--shadow-base-rgb), 0.55);
  --shadow-deep: 0 22px 60px rgba(var(--shadow-base-rgb), 0.7);
  --shadow-popover: 0 25px 60px rgba(var(--shadow-base-rgb), 0.55);
  --shadow-floating: 0 20px 50px rgba(var(--shadow-base-rgb), 0.5);
  --shadow-card: 0 18px 40px rgba(var(--shadow-base-rgb), 0.45);
  --shadow-card-strong: 0 25px 70px rgba(var(--shadow-base-rgb), 0.55);
  --shadow-spot: 0 12px 28px rgba(var(--shadow-base-rgb), 0.35);
  --shadow-soft: 0 20px 50px rgba(var(--shadow-base-rgb), 0.2);
  --shadow-modal: 0 35px 90px rgba(var(--shadow-base-rgb), 0.65);
  --glow-outline: rgba(255, 255, 255, 0.05);
  --shadow-glow: none;

  /* Legacy + app aliases */
  --wwr-bg-primary: var(--bg-dark);
  --wwr-bg-primary-rgb: var(--bg-dark-rgb);
  --wwr-bg-secondary: var(--bg-panel);
  --wwr-bg-secondary-rgb: var(--bg-panel-rgb);
  --wwr-bg-gradient-main: var(--bg-gradient);
  --wwr-card-bg: var(--card-bg);
  --wwr-card-border: var(--card-border);
  --wwr-card-shadow: var(--shadow-card);
  --wwr-accent-primary: var(--brand-primary);
  --wwr-accent-primary-rgb: var(--brand-primary-rgb);
  --wwr-accent-secondary: var(--brand-primary);
  --wwr-accent-secondary-rgb: var(--brand-primary-rgb);
  --wwr-text-primary: var(--text-light);
  --wwr-text-primary-rgb: var(--text-light-rgb);
  --wwr-text-secondary: var(--text-muted);
  --wwr-text-secondary-rgb: var(--text-muted-rgb);
  --wwr-border-subtle: var(--card-border);
  --wwr-border-strong: rgba(var(--text-light-rgb), 0.3);
  --wwr-panel-gradient: linear-gradient(
    180deg,
    rgba(var(--bg-dark-rgb), 0.98) 0%,
    rgba(var(--bg-panel-rgb), 0.94) 100%
  );
  --wwr-panel-shadow-outer: var(--shadow-card-strong);
  --wwr-panel-shadow-inner: inset 0 0 40px rgba(0, 0, 0, 0.65);

  --wwr-surface-entity-rgb: var(--overlay-entity-rgb);
  --wwr-surface-input-rgb: var(--overlay-input-rgb);
  --wwr-surface-popover-rgb: var(--overlay-popover-rgb);
  --wwr-surface-release-rgb: var(--overlay-release-rgb);
  --wwr-surface-modal-rgb: var(--overlay-modal-rgb);
  --wwr-overlay-veil-rgb: var(--overlay-veil-rgb);
  --wwr-signal-warning-rgb: var(--signal-warning-rgb);
  --wwr-signal-critical-rgb: var(--signal-critical-rgb);

  /* Component palettes */
  --primary-300: var(--brand-primary);
  --primary-400: var(--brand-primary);
  --primary-500: var(--brand-primary);
  --primary-600: var(--brand-primary);
  --primary-700: var(--brand-primary);

  --primary-300-rgb: var(--brand-primary-rgb);
  --primary-500-rgb: var(--brand-primary-rgb);
  --primary-600-rgb: var(--brand-primary-rgb);

  --text-high: var(--text-light);
  --text-mid: var(--text-muted);
  --text-low: rgba(var(--text-muted-rgb), 0.65);

  --depth-900: var(--bg-dark);
  --depth-900-rgb: var(--bg-dark-rgb);
  --depth-800: var(--bg-panel);
  --depth-700: var(--bg-panel);

  --surface-panel: rgba(var(--bg-card-rgb), 0.88);
  --border-glow: var(--card-border);
  --panel-shadow-outer: var(--wwr-panel-shadow-outer);
  --panel-shadow-inner: var(--wwr-panel-shadow-inner);
  --deep-tech-gradient: linear-gradient(
    180deg,
    rgba(var(--bg-dark-rgb), 1) 0%,
    rgba(var(--bg-panel-rgb), 1) 100%
  );
  --glow-rgb: var(--brand-primary-rgb);
}

/* Hard fallback so the page never renders on a white background if a stylesheet fails to load */
html,
body {
  background-color: var(--bg-dark);
  color: var(--text-light);
}

/* One theme, no toggle UI */