:root {
  color-scheme: light dark;

  --kmg-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --kmg-radius-xs: 6px;
  --kmg-radius-sm: 10px;
  --kmg-radius-md: 16px;
  --kmg-radius-lg: 24px;
  --kmg-radius-xl: 32px;

  --kmg-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.08);
  --kmg-shadow-md: 0 18px 50px rgba(15, 23, 42, 0.12);
  --kmg-shadow-lg: 0 30px 80px rgba(15, 23, 42, 0.18);

  --kmg-space-1: 4px;
  --kmg-space-2: 8px;
  --kmg-space-3: 12px;
  --kmg-space-4: 16px;
  --kmg-space-5: 20px;
  --kmg-space-6: 24px;
  --kmg-space-8: 32px;
  --kmg-space-10: 40px;
  --kmg-space-12: 48px;
}

:root,
[data-theme="light"] {
  --kmg-bg: #f6f8fb;
  --kmg-bg-strong: #edf2f7;
  --kmg-surface: #ffffff;
  --kmg-surface-soft: #f8fafc;
  --kmg-surface-raised: #ffffff;
  --kmg-border: #dbe4ef;
  --kmg-border-strong: #c8d3df;
  --kmg-text: #111827;
  --kmg-text-muted: #64748b;
  --kmg-text-soft: #94a3b8;
  --kmg-primary: #153b5c;
  --kmg-primary-hover: #0f2f49;
  --kmg-primary-soft: #e5eef7;
  --kmg-accent: #2f80ed;
  --kmg-accent-soft: #e9f2ff;
  --kmg-success: #12805c;
  --kmg-warning: #b7791f;
  --kmg-danger: #c2413a;
  --kmg-focus: #2f80ed;
}

[data-theme="dark"] {
  --kmg-bg: #08111d;
  --kmg-bg-strong: #050b13;
  --kmg-surface: #0e1a2a;
  --kmg-surface-soft: #132235;
  --kmg-surface-raised: #17263a;
  --kmg-border: #26384f;
  --kmg-border-strong: #36506f;
  --kmg-text: #f8fafc;
  --kmg-text-muted: #a9b7c9;
  --kmg-text-soft: #7f91a8;
  --kmg-primary: #8ec5ff;
  --kmg-primary-hover: #b7dcff;
  --kmg-primary-soft: #112b45;
  --kmg-accent: #6aa9ff;
  --kmg-accent-soft: #10243d;
  --kmg-success: #5ee0ad;
  --kmg-warning: #ffd166;
  --kmg-danger: #ff7b72;
  --kmg-focus: #8ec5ff;
}

@media (prefers-color-scheme: dark) {
  :root[data-theme="system"] {
    --kmg-bg: #08111d;
    --kmg-bg-strong: #050b13;
    --kmg-surface: #0e1a2a;
    --kmg-surface-soft: #132235;
    --kmg-surface-raised: #17263a;
    --kmg-border: #26384f;
    --kmg-border-strong: #36506f;
    --kmg-text: #f8fafc;
    --kmg-text-muted: #a9b7c9;
    --kmg-text-soft: #7f91a8;
    --kmg-primary: #8ec5ff;
    --kmg-primary-hover: #b7dcff;
    --kmg-primary-soft: #112b45;
    --kmg-accent: #6aa9ff;
    --kmg-accent-soft: #10243d;
    --kmg-success: #5ee0ad;
    --kmg-warning: #ffd166;
    --kmg-danger: #ff7b72;
    --kmg-focus: #8ec5ff;
  }
}

/* 00C-1D KMG CGP visual pass overrides */

:root,
[data-theme="light"] {
  --kmg-bg: #f3f7fb;
  --kmg-bg-strong: #eaf1f8;
  --kmg-surface: #ffffff;
  --kmg-surface-soft: #f7fafd;
  --kmg-surface-raised: #ffffff;
  --kmg-border: #d7e3ee;
  --kmg-border-strong: #bfd0df;
  --kmg-text: #071827;
  --kmg-text-muted: #607389;
  --kmg-text-soft: #8da0b4;
  --kmg-primary: #0d3554;
  --kmg-primary-hover: #08263d;
  --kmg-primary-soft: #e4f0fa;
  --kmg-accent: #2f87d8;
  --kmg-accent-soft: #e7f3ff;
  --kmg-focus: #2f87d8;
}

[data-theme="dark"] {
  --kmg-bg: #06111d;
  --kmg-bg-strong: #030914;
  --kmg-surface: #0b1b2c;
  --kmg-surface-soft: #10243a;
  --kmg-surface-raised: #132a42;
  --kmg-border: #213b55;
  --kmg-border-strong: #345876;
  --kmg-text: #f8fbff;
  --kmg-text-muted: #b5c5d8;
  --kmg-text-soft: #859bb3;
  --kmg-primary: #78bdf8;
  --kmg-primary-hover: #a9d6ff;
  --kmg-primary-soft: #102b45;
  --kmg-accent: #69aef2;
  --kmg-accent-soft: #102b45;
  --kmg-focus: #78bdf8;
}

@media (prefers-color-scheme: dark) {
  :root[data-theme="system"] {
    --kmg-bg: #06111d;
    --kmg-bg-strong: #030914;
    --kmg-surface: #0b1b2c;
    --kmg-surface-soft: #10243a;
    --kmg-surface-raised: #132a42;
    --kmg-border: #213b55;
    --kmg-border-strong: #345876;
    --kmg-text: #f8fbff;
    --kmg-text-muted: #b5c5d8;
    --kmg-text-soft: #859bb3;
    --kmg-primary: #78bdf8;
    --kmg-primary-hover: #a9d6ff;
    --kmg-primary-soft: #102b45;
    --kmg-accent: #69aef2;
    --kmg-accent-soft: #102b45;
    --kmg-focus: #78bdf8;
  }
}

/* 00C-2A1 THEME BALANCE PASS */

/*
  KMG default direction:
  - light mode is soft premium blue-grey, not pure white
  - dark mode is deep blue-grey, not black
*/

:root,
[data-theme="light"] {
  --kmg-bg: #edf4fa;
  --kmg-bg-strong: #e3edf6;
  --kmg-surface: #fbfdff;
  --kmg-surface-soft: #f2f7fb;
  --kmg-surface-raised: #ffffff;
  --kmg-border: #d4e1ec;
  --kmg-border-strong: #b8cddd;
  --kmg-text: #071827;
  --kmg-text-muted: #63788d;
  --kmg-text-soft: #91a3b5;
  --kmg-primary: #0e3a5a;
  --kmg-primary-hover: #082a43;
  --kmg-primary-soft: #dfeef9;
  --kmg-accent: #2f86d4;
  --kmg-accent-soft: #e4f2ff;
  --kmg-success: #13795b;
  --kmg-warning: #a66b12;
  --kmg-danger: #b93b35;
  --kmg-focus: #2f86d4;

  --kmg-shadow-sm: 0 10px 28px rgba(19, 45, 68, 0.08);
  --kmg-shadow-md: 0 18px 48px rgba(19, 45, 68, 0.12);
  --kmg-shadow-lg: 0 34px 90px rgba(19, 45, 68, 0.18);
}

[data-theme="dark"] {
  --kmg-bg: #071321;
  --kmg-bg-strong: #0a1624;
  --kmg-surface: #0f2134;
  --kmg-surface-soft: #13283e;
  --kmg-surface-raised: #172d45;
  --kmg-border: #27425d;
  --kmg-border-strong: #3b5f80;
  --kmg-text: #f7fbff;
  --kmg-text-muted: #b8c8d9;
  --kmg-text-soft: #8da2b7;
  --kmg-primary: #7fc3fa;
  --kmg-primary-hover: #a9d8ff;
  --kmg-primary-soft: #143450;
  --kmg-accent: #70b6f3;
  --kmg-accent-soft: #163a58;
  --kmg-success: #67ddb0;
  --kmg-warning: #ffd071;
  --kmg-danger: #ff8a82;
  --kmg-focus: #7fc3fa;

  --kmg-shadow-sm: 0 10px 28px rgba(0, 0, 0, 0.18);
  --kmg-shadow-md: 0 20px 56px rgba(0, 0, 0, 0.25);
  --kmg-shadow-lg: 0 34px 90px rgba(0, 0, 0, 0.32);
}

@media (prefers-color-scheme: dark) {
  :root[data-theme="system"] {
    --kmg-bg: #071321;
    --kmg-bg-strong: #0a1624;
    --kmg-surface: #0f2134;
    --kmg-surface-soft: #13283e;
    --kmg-surface-raised: #172d45;
    --kmg-border: #27425d;
    --kmg-border-strong: #3b5f80;
    --kmg-text: #f7fbff;
    --kmg-text-muted: #b8c8d9;
    --kmg-text-soft: #8da2b7;
    --kmg-primary: #7fc3fa;
    --kmg-primary-hover: #a9d8ff;
    --kmg-primary-soft: #143450;
    --kmg-accent: #70b6f3;
    --kmg-accent-soft: #163a58;
    --kmg-success: #67ddb0;
    --kmg-warning: #ffd071;
    --kmg-danger: #ff8a82;
    --kmg-focus: #7fc3fa;

    --kmg-shadow-sm: 0 10px 28px rgba(0, 0, 0, 0.18);
    --kmg-shadow-md: 0 20px 56px rgba(0, 0, 0, 0.25);
    --kmg-shadow-lg: 0 34px 90px rgba(0, 0, 0, 0.32);
  }
}