/* Dusk tokens — generated from the prototype's stylesheet. Do not hand-edit.
   Three themes: default (light), midnight (the dark theme), aurora (the signature theme).
   Switch with <html data-theme="aurora">. Plain custom properties: no build step, no framework. */

:root,
[data-theme="light"],
[data-theme="new-light"] {
  --font-sans: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --background: #F8FAFC;
  --foreground: #0B1526;
  --card: #FFFFFF;
  --card-elevated: #FFFFFF;
  --surface: #F4F7FA;
  --card-foreground: #0B1526;
  --popover: #FFFFFF;
  --popover-foreground: #0B1526;
  --primary: #0B1E3F;
  --primary-foreground: #FFFFFF;
  --secondary: #F1F5F9;
  --secondary-foreground: #0B1526;
  --muted: #F1F5F9;
  --muted-foreground: #64748B;
  --soft-foreground: #475569;
  --placeholder: #94A3B8;
  --fill: #E9EEF4;
  --accent: #F1F5F9;
  --accent-foreground: #0B1526;
  --destructive: #DC2626;
  --border: #E2E8F0;
  --input: #8492A6;
  --ring: #0072CE;
  --brand: #0072CE;
  --info: #0072CE;
  --info-text: #005FAD;
  --info-soft: #EAF3FC;
  --info-border: #BCD9F3;
  --brand-text: #005FAD;
  --brand-soft: #EAF3FC;
  --brand-border: #BCD9F3;
  --positive: #16A34A;
  --positive-text: #15803D;
  --positive-soft: #E9F7EF;
  --warning: #D97706;
  --warning-text: #B45309;
  --warning-soft: #FEF4E4;
  --warning-border: #F6D7A7;
  --critical-text: #B91C1C;
  --critical-soft: #FDEEEE;
  --critical-border: #F5C2C2;
  --product-workspace: #D93025;
  --product-gcp: #1A73E8;
  --product-chrome: #B7860B;
  --product-maps: #188038;
  --product-education: #8430CE;
  --product-jumpcloud: #00897B;
  --product-secops: #3F51B5;
  --chart-1: #1A73E8;
  --chart-2: #00777b;
  --chart-3: #94A3B8;
  --chart-4: #D97706;
  --chart-5: #64748B;
  --chart-trendline: #7C3AED;
  --radius: 0.5rem;
  --sidebar: #FFFFFF;
  --sidebar-foreground: #334155;
  --sidebar-primary: #0072CE;
  --sidebar-primary-foreground: #FFFFFF;
  --sidebar-accent: #F1F5F9;
  --sidebar-accent-foreground: #0B1526;
  --sidebar-border: #E2E8F0;
  --sidebar-ring: #0072CE;
  --header-bg: #FFFFFF;
  --header-border: #E2E8F0;
  --header-foreground: #0B1526;
  --header-user-chip-bg: #F1F5F9;
  --header-user-chip-border: #E2E8F0;
  --header-user-chip-text: #0B1526;
  /* The customer band: ink in light, a step above card in dark — never white on dark. */
  --band: #0B1E3F;
  --band-foreground: #FFFFFF;
}

[data-theme="midnight"] {
  color-scheme: dark;
  --background: #000000;
  --foreground: #EDEDED;
  --card: #121215;
  --card-elevated: #19191E;
  --surface: #0B0B0D;
  --card-foreground: #EDEDED;
  --popover: #18181C;
  --popover-foreground: #EDEDED;
  --primary: #FFFFFF;
  --primary-foreground: #000000;
  --secondary: #1A1A1E;
  --secondary-foreground: #EDEDED;
  --muted: #1A1A1E;
  --muted-foreground: #8F8F8F;
  --soft-foreground: #A1A1A1;
  --placeholder: #6E6E6E;
  --fill: #222227;
  --accent: #1A1A1E;
  --accent-foreground: #EDEDED;
  --destructive: #E5484D;
  --border: #2E2E34;
  --input: #666666;
  --ring: #52A8FF;
  --brand: #3291FF;
  --info: #3291FF;
  --info-text: #52A8FF;
  --info-soft: #0F1B2D;
  --info-border: #0F2E52;
  --brand-text: #52A8FF;
  --brand-soft: #0F1B2D;
  --brand-border: #0F2E52;
  --positive: #45A557;
  --positive-text: #62C073;
  --positive-soft: #0F2E16;
  --warning: #F5A623;
  --warning-text: #F7B955;
  --warning-soft: #271700;
  --warning-border: #4B2900;
  --critical-text: #FF6166;
  --critical-soft: #2A1314;
  --critical-border: #551E1E;
  --product-workspace: #F28B82;
  --product-gcp: #8AB4F8;
  --product-chrome: #FDD663;
  --product-maps: #81C995;
  --product-education: #C58AF9;
  --product-jumpcloud: #4DB6AC;
  --product-secops: #9FA8DA;
  --chart-1: #52A8FF;
  --chart-2: #50E3C2;
  --chart-3: #545454;
  --chart-4: #F5A623;
  --chart-5: #878787;
  --chart-trendline: #50E3C2;
  --sidebar: #000000;
  --sidebar-foreground: #A1A1A1;
  --sidebar-primary: #FFFFFF;
  --sidebar-primary-foreground: #000000;
  --sidebar-accent: #1A1A1A;
  --sidebar-accent-foreground: #EDEDED;
  --sidebar-border: #1F1F1F;
  --sidebar-ring: #52A8FF;
  --header-bg: #000000;
  --header-border: #1F1F1F;
  --header-foreground: #EDEDED;
  --header-user-chip-bg: #121215;
  --header-user-chip-border: #2E2E34;
  --header-user-chip-text: #EDEDED;
  --band: #171717;
  --band-foreground: #EDEDED;
}

[data-theme="aurora"] {
  color-scheme: dark;
  --background: #070A09;
  --foreground: #F2F5F4;
  --card: #111715;
  --card-elevated: #17201D;
  --surface: #0B0F0E;
  --card-foreground: #F2F5F4;
  --popover: #161E1C;
  --popover-foreground: #F2F5F4;
  --primary: #10B981;
  --primary-foreground: #04120D;
  --secondary: #171C1A;
  --secondary-foreground: #F2F5F4;
  --muted: #171C1A;
  --muted-foreground: #8B9793;
  --soft-foreground: #ADB8B4;
  --placeholder: #6A7773;
  --fill: #1D2321;
  --accent: #171C1A;
  --accent-foreground: #F2F5F4;
  --destructive: #E11D48;
  --border: #26312D;
  --input: #5E6B66;
  --ring: #34D399;
  --brand: #10B981;
  --info: #60A5FA;
  --info-text: #93C5FD;
  --info-soft: #0E1B2B;
  --info-border: #17365C;
  --brand-text: #34D399;
  --brand-soft: #0A2A21;
  --brand-border: #12463A;
  --positive: #10B981;
  --positive-text: #34D399;
  --positive-soft: #0A2A21;
  --warning: #F59E0B;
  --warning-text: #FBBF24;
  --warning-soft: #2A1F0A;
  --warning-border: #4A3410;
  --critical-text: #FB7185;
  --critical-soft: #2A1016;
  --critical-border: #52202C;
  --product-workspace: #F28B82;
  --product-gcp: #8AB4F8;
  --product-chrome: #FDD663;
  --product-maps: #81C995;
  --product-education: #C58AF9;
  --product-jumpcloud: #4DB6AC;
  --product-secops: #9FA8DA;
  --chart-1: #10B981;
  --chart-2: #5EEAD4;
  --chart-3: #6B7A75;
  --chart-4: #FBBF24;
  --chart-5: #A8B4B0;
  --chart-trendline: #38BDF8;
  --sidebar: #070A09;
  --sidebar-foreground: #ADB8B4;
  --sidebar-primary: #10B981;
  --sidebar-primary-foreground: #04120D;
  --sidebar-accent: #141817;
  --sidebar-accent-foreground: #F2F5F4;
  --sidebar-border: #1B2120;
  --sidebar-ring: #34D399;
  --header-bg: #070A09;
  --header-border: #1B2120;
  --header-foreground: #F2F5F4;
  --header-user-chip-bg: #111715;
  --header-user-chip-border: #26312D;
  --header-user-chip-text: #F2F5F4;
  --band: #14211C;
  --band-foreground: #ECFDF5;
}

/* ==========================================================================
   DigiCloud Africa Slide Themes: Digilight & Digidark
   Brand Palette: #00a3e0, #0072ce, #326295, #5e8ab4, #041e42, #00777b,
                  #a0d1ca, #d6d2c4, #ffbf3f, #e75133, #f17f4f, #b46b7a
   Typography: Roboto (Google Fonts)
   ========================================================================== */

[data-theme="digilight"] {
  color-scheme: light;
  --font-sans: 'Roboto', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --background: #F8FAFC;
  --foreground: #0F172A;
  --card: #FFFFFF;
  --card-elevated: #FFFFFF;
  --surface: #F4F7FA;
  --card-foreground: #0F172A;
  --popover: #FFFFFF;
  --popover-foreground: #0F172A;
  --primary: #041e42;
  --primary-foreground: #FFFFFF;
  --secondary: #F1F5F9;
  --secondary-foreground: #041e42;
  --muted: #F1F5F9;
  --muted-foreground: #64748B;
  --soft-foreground: #334155;
  --placeholder: #94A3B8;
  --fill: #F1F5F9;
  --accent: #EBF5FF;
  --accent-foreground: #0072ce;
  --destructive: #e75133;
  --border: #E2E8F0;
  --input: #94A3B8;
  --ring: #00a3e0;
  --brand: #0072ce;
  --info: #00a3e0;
  --info-text: #0072ce;
  --info-soft: #E6F5FC;
  --info-border: #BCD9F3;
  --brand-text: #0072ce;
  --brand-soft: #EBF5FF;
  --brand-border: #BFDBFE;
  --positive: #00777b;
  --positive-text: #00595c;
  --positive-soft: #E6F5F5;
  --warning: #ffbf3f;
  --warning-text: #B45309;
  --warning-soft: #FEF8EC;
  --warning-border: #FBE2AF;
  --critical-text: #e75133;
  --critical-soft: #FDEEEE;
  --critical-border: #F5C2C2;
  --product-workspace: #e75133;
  --product-gcp: #0072ce;
  --product-chrome: #ffbf3f;
  --product-maps: #00777b;
  --product-education: #b46b7a;
  --product-jumpcloud: #a0d1ca;
  --product-secops: #326295;
  --chart-1: #0072ce;
  --chart-2: #00777b;
  --chart-3: #b46b7a;
  --chart-4: #ffbf3f;
  --chart-5: #326295;
  --chart-trendline: #b46b7a;
  --sidebar: #FFFFFF;
  --sidebar-foreground: #334155;
  --sidebar-primary: #0072ce;
  --sidebar-primary-foreground: #FFFFFF;
  --sidebar-accent: #EBF5FF;
  --sidebar-accent-foreground: #0072ce;
  --sidebar-border: #E2E8F0;
  --sidebar-ring: #00a3e0;
  --header-bg: #FFFFFF;
  --header-border: #E2E8F0;
  --header-foreground: #0F172A;
  --header-user-chip-bg: #F1F5F9;
  --header-user-chip-border: #E2E8F0;
  --header-user-chip-text: #0F172A;
  --band: #041E42;
  --band-foreground: #FFFFFF;
}

[data-theme="digidark"] {
  color-scheme: dark;
  --font-sans: 'Roboto', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --background: #0B0F19;
  --foreground: #FFFFFF;
  --card: #151E2E;
  --card-elevated: #1C273B;
  --surface: #0F1522;
  --card-foreground: #FFFFFF;
  --popover: #1A2538;
  --popover-foreground: #FFFFFF;
  --primary: #0072ce;
  --primary-foreground: #FFFFFF;
  --secondary: #1A2334;
  --secondary-foreground: #F1F5F9;
  --muted: #161E2E;
  --muted-foreground: #94A3B8;
  --soft-foreground: #CBD5E1;
  --placeholder: #64748B;
  --fill: #1A2436;
  --accent: #1C273B;
  --accent-foreground: #00a3e0;
  --destructive: #e75133;
  --border: #263248;
  --input: #3E4C62;
  --ring: #00a3e0;
  --brand: #00a3e0;
  --info: #00a3e0;
  --info-text: #38bdf8;
  --info-soft: #0c2338;
  --info-border: #0284c7;
  --brand-text: #00a3e0;
  --brand-soft: #082138;
  --brand-border: #0072ce;
  --positive: #00777b;
  --positive-text: #2dd4bf;
  --positive-soft: #082527;
  --warning: #ffbf3f;
  --warning-text: #ffbf3f;
  --warning-soft: #2b2005;
  --warning-border: #634b0d;
  --critical-text: #f87171;
  --critical-soft: #2e120d;
  --critical-border: #6e1c14;
  --product-workspace: #f87171;
  --product-gcp: #00a3e0;
  --product-chrome: #ffbf3f;
  --product-maps: #00777b;
  --product-education: #b46b7a;
  --product-jumpcloud: #a0d1ca;
  --product-secops: #326295;
  --chart-1: #00a3e0;
  --chart-2: #00777b;
  --chart-3: #b46b7a;
  --chart-4: #ffbf3f;
  --chart-5: #326295;
  --chart-trendline: #c084fc;
  --sidebar: #090D15;
  --sidebar-foreground: #94A3B8;
  --sidebar-primary: #0072ce;
  --sidebar-primary-foreground: #FFFFFF;
  --sidebar-accent: #151E2E;
  --sidebar-accent-foreground: #FFFFFF;
  --sidebar-border: #1E2738;
  --sidebar-ring: #00a3e0;
  --header-bg: #090D15;
  --header-border: #1E2738;
  --header-foreground: #FFFFFF;
  --header-user-chip-bg: #151E2E;
  --header-user-chip-border: #263248;
  --header-user-chip-text: #FFFFFF;
  --band: #182234;
  --band-foreground: #FFFFFF;
}

[data-theme="digideepteal"] {
  color-scheme: dark;
  --font-sans: 'Roboto', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --background: #0B0F19;
  --foreground: #FFFFFF;
  --card: #141E2B;
  --card-elevated: #1A2838;
  --surface: #0E1520;
  --card-foreground: #FFFFFF;
  --popover: #182534;
  --popover-foreground: #FFFFFF;
  --primary: #00777b;
  --primary-foreground: #FFFFFF;
  --secondary: #16242B;
  --secondary-foreground: #F1F5F9;
  --muted: #142026;
  --muted-foreground: #94A3B8;
  --soft-foreground: #CBD5E1;
  --placeholder: #64748B;
  --fill: #16242B;
  --accent: #17282F;
  --accent-foreground: #a0d1ca;
  --destructive: #e75133;
  --border: #253445;
  --input: #3E4C62;
  --ring: #00777b;
  --brand: #00777b;
  --info: #00777b;
  --info-text: #2dd4bf;
  --info-soft: #082527;
  --info-border: #00777b;
  --brand-text: #2dd4bf;
  --brand-soft: #082527;
  --brand-border: #00777b;
  --positive: #00777b;
  --positive-text: #a0d1ca;
  --positive-soft: #082527;
  --warning: #ffbf3f;
  --warning-text: #ffbf3f;
  --warning-soft: #2b2005;
  --warning-border: #634b0d;
  --critical-text: #f87171;
  --critical-soft: #2e120d;
  --critical-border: #6e1c14;
  --product-workspace: #f87171;
  --product-gcp: #00777b;
  --product-chrome: #ffbf3f;
  --product-maps: #00777b;
  --product-education: #b46b7a;
  --product-jumpcloud: #a0d1ca;
  --product-secops: #326295;
  --chart-1: #00777b;
  --chart-2: #a0d1ca;
  --chart-3: #00a3e0;
  --chart-4: #ffbf3f;
  --chart-5: #b46b7a;
  --chart-trendline: #00a3e0;
  --sidebar: #090D15;
  --sidebar-foreground: #94A3B8;
  --sidebar-primary: #00777b;
  --sidebar-primary-foreground: #FFFFFF;
  --sidebar-accent: #141E2B;
  --sidebar-accent-foreground: #FFFFFF;
  --sidebar-border: #1E2738;
  --sidebar-ring: #00777b;
  --header-bg: #090D15;
  --header-border: #142026;
  --header-foreground: #FFFFFF;
  --header-user-chip-bg: #141E2B;
  --header-user-chip-border: #253445;
  --header-user-chip-text: #FFFFFF;
  --band: #17282F;
  --band-foreground: #FFFFFF;
}

/* ==========================================================================
   Legacy Token Bridge: Ensure modern-portal.css & tokens.css respect all
   active Dusk themes (light, midnight, aurora, digilight, digidark, digideepteal)
   ========================================================================== */
:root,
[data-theme="light"],
[data-theme="midnight"],
[data-theme="aurora"],
[data-theme="digilight"],
[data-theme="digidark"],
[data-theme="digideepteal"] {
  --color-background: var(--background);
  --color-surface: var(--card);
  --color-surface-hover: var(--muted);
  --color-surface-elevated: var(--surface, var(--card));
  --color-text: var(--foreground);
  --color-text-secondary: var(--soft-foreground);
  --color-text-muted: var(--muted-foreground);
  --color-border: var(--border);
  --color-border-subtle: var(--border);
  --color-border-focus: var(--ring);
  --color-primary: var(--brand);
  --color-primary-hover: var(--brand-text);
  --color-primary-fg: var(--primary-foreground);
  --color-accent: var(--brand);
  --color-success: var(--positive);
  --color-warning: var(--warning);
  --color-danger: var(--destructive);
}