:root{
  /* Canonical palette from requested theme (light) */
  --color-bg:#ffffff;
  --color-surface:#ffffff;
  --color-surface-2:#f4f4f5;
  --color-border:rgba(10,10,10,0.10);
  --color-divider:rgba(10,10,10,0.08);

  --color-text:#0a0a0a;
  --color-text-2:#0a0a0a;
  --color-text-muted:#525252;
  --color-text-subtle:#525252;
  --color-text-disabled:#737373;

  --color-primary:#6BBF00;
  --color-primary-hover:#5EBF00;
  --color-primary-soft:color-mix(in srgb, var(--color-primary) 16%, var(--color-surface));
  --color-primary-strong:#3E9F00;
  --color-on-primary:#ffffff;

  --color-success:#6BBF00;
  --color-success-bg:color-mix(in srgb, var(--color-primary) 18%, var(--color-surface));
  --color-warning:#a16207;
  --color-warning-bg:#fef3c7;
  --color-danger:#dc2626;
  --color-danger-bg:color-mix(in srgb, var(--color-danger) 16%, var(--color-surface));
  --color-info:#0284c7;
  --color-info-bg:#e0f2fe;

  --color-sidebar-bg:#ffffff;
  --color-sidebar-border:rgba(10,10,10,0.08);
  --color-sidebar-text:#0a0a0a;
  --color-sidebar-text-strong:#0a0a0a;
  --color-sidebar-muted:#525252;
  --color-sidebar-hover:rgba(10,10,10,0.04);
  --color-sidebar-active:color-mix(in srgb, var(--color-primary) 14%, transparent);
  --color-sidebar-accent:#6BBF00;

  --color-table-head:#f4f4f5;
  --color-table-hover:rgba(10,10,10,0.03);
  --color-row-selected:rgba(10,10,10,0.05);

  --color-focus:#6BBF00;
  --color-focus-shadow:0 0 0 4px color-mix(in srgb, var(--color-primary) 24%, transparent);
  --color-focus-ring:0 0 0 3px color-mix(in srgb, var(--color-primary) 28%, transparent);
  --color-switch-bg:#d4d4d8;

  --color-shadow-soft:0 4px 6px rgba(10,10,10,0.04);
  --color-shadow-card:0 1px 2px rgba(10,10,10,0.04), 0 4px 6px rgba(10,10,10,0.03);
  --color-shadow-glass:0 20px 60px rgba(0,0,0,.30);
  --color-shadow-strong:0 10px 26px color-mix(in srgb, var(--color-primary) 35%, transparent);

  --color-link:var(--color-primary);

  --accent-rgb:107,191,0;
  --overlay-10:rgba(10,10,10,0.10);
  --overlay-08:rgba(10,10,10,0.08);
  --overlay-06:rgba(10,10,10,0.06);
  --overlay-05:rgba(10,10,10,0.05);
  --overlay-04:rgba(10,10,10,0.04);
  --overlay-03:rgba(10,10,10,0.03);

  --color-chart-1:#9EFF00;
  --color-chart-2:#7EDF00;
  --color-chart-3:#5EBF00;
  --color-chart-4:#3E9F00;
  --color-chart-5:#1E7F00;

  --color-hero-bg-start:#0b1220;
  --color-hero-bg-end:#1e293b;
  --color-hero-brand-start:#6BBF00;
  --color-hero-brand-end:#3E9F00;
  --color-hero-alt-start:#0f172a;
  --color-hero-alt-end:#1e293b;
  --color-hero-emphasis-start:#5EBF00;
  --color-hero-emphasis-end:#1E7F00;
  --color-hero-on:#ffffff;

  --color-accent-cyan:#0891b2;
  --color-accent-cyan-soft:#ecfeff;
  --color-accent-rose:#be185d;
  --color-accent-rose-soft:#fdf2f8;
  --color-accent-indigo:#4f46e5;
  --color-accent-indigo-soft:#eef2ff;

  --color-glass-strong:rgba(255,255,255,0.20);
  --color-glass-soft:rgba(255,255,255,0.12);
  --color-glass-border:rgba(255,255,255,0.30);
  --color-overlay-inverse-soft:rgba(255,255,255,0.10);
}

html[data-theme="dark"]{
  /* Canonical palette from requested theme (dark) */
  --color-bg:#000000;
  --color-surface:#0a0a0a;
  --color-surface-2:#1a1a1a;
  --color-border:rgba(255,255,255,0.10);
  --color-divider:rgba(255,255,255,0.06);

  --color-text:#ffffff;
  --color-text-2:#ffffff;
  --color-text-muted:#a3a3a3;
  --color-text-subtle:#a3a3a3;
  --color-text-disabled:#737373;

  --color-primary:#9EFF00;
  --color-primary-hover:#7EDF00;
  --color-primary-soft:color-mix(in srgb, var(--color-primary) 16%, var(--color-surface));
  --color-primary-strong:#9EFF00;
  --color-on-primary:#000000;

  --color-success:#9EFF00;
  --color-success-bg:color-mix(in srgb, var(--color-primary) 18%, var(--color-surface));
  --color-warning:#facc15;
  --color-warning-bg:#3a2a05;
  --color-danger:#dc2626;
  --color-danger-bg:color-mix(in srgb, var(--color-danger) 22%, var(--color-surface));
  --color-info:#38bdf8;
  --color-info-bg:#082f49;

  --color-sidebar-bg:#0a0a0a;
  --color-sidebar-border:rgba(255,255,255,0.10);
  --color-sidebar-text:#ffffff;
  --color-sidebar-text-strong:#ffffff;
  --color-sidebar-muted:#a3a3a3;
  --color-sidebar-hover:rgba(255,255,255,0.04);
  --color-sidebar-active:color-mix(in srgb, var(--color-primary) 14%, transparent);
  --color-sidebar-accent:#9EFF00;

  --color-table-head:#1a1a1a;
  --color-table-hover:rgba(255,255,255,0.05);
  --color-row-selected:rgba(255,255,255,0.06);

  --color-focus:#9EFF00;
  --color-focus-shadow:0 0 0 4px color-mix(in srgb, var(--color-primary) 28%, transparent);
  --color-focus-ring:0 0 0 3px color-mix(in srgb, var(--color-primary) 32%, transparent);
  --color-switch-bg:#262626;

  --color-shadow-soft:0 8px 24px rgba(255,255,255,0.05);
  --color-shadow-card:0 1px 2px rgba(255,255,255,0.04), 0 4px 6px rgba(255,255,255,0.04);
  --color-shadow-glass:0 20px 60px rgba(0,0,0,.50);
  --color-shadow-strong:0 10px 26px color-mix(in srgb, var(--color-primary) 35%, transparent);

  --color-link:var(--color-primary);

  --accent-rgb:158,255,0;
  --overlay-15:rgba(255,255,255,0.15);
  --overlay-10:rgba(255,255,255,0.10);
  --overlay-06:rgba(255,255,255,0.06);
  --overlay-05:rgba(255,255,255,0.05);
  --overlay-04:rgba(255,255,255,0.04);

  --color-chart-1:#9EFF00;
  --color-chart-2:#7EDF00;
  --color-chart-3:#5EBF00;
  --color-chart-4:#3E9F00;
  --color-chart-5:#1E7F00;

  --color-hero-bg-start:#020617;
  --color-hero-bg-end:#0f172a;
  --color-hero-brand-start:#5EBF00;
  --color-hero-brand-end:#1E7F00;
  --color-hero-alt-start:#0a0f1a;
  --color-hero-alt-end:#172033;
  --color-hero-emphasis-start:#7EDF00;
  --color-hero-emphasis-end:#5EBF00;
  --color-hero-on:#f8fafc;

  --color-accent-cyan:#67e8f9;
  --color-accent-cyan-soft:#082f49;
  --color-accent-rose:#f9a8d4;
  --color-accent-rose-soft:#3b0a2a;
  --color-accent-indigo:#a5b4fc;
  --color-accent-indigo-soft:#312e81;

  --color-glass-strong:rgba(255,255,255,0.16);
  --color-glass-soft:rgba(255,255,255,0.08);
  --color-glass-border:rgba(255,255,255,0.20);
  --color-overlay-inverse-soft:rgba(255,255,255,0.08);
}

/* Backward-compatible aliases for existing dashboard CSS */
:root,
body.ui-compact{
  --figma-canvas:var(--color-bg);
  --figma-surface:var(--color-surface);
  --figma-border:var(--color-border);
  --figma-divider:var(--color-divider);

  --primary-color:var(--color-primary);
  --primary-hover:var(--color-primary-hover);
  --primary-soft:var(--color-primary-soft);
  --primary-light:var(--color-primary-soft);
  --primary-solid:var(--color-primary);
  --primary-solid-hover:var(--color-primary-hover);

  --neutral-900:var(--color-text);
  --neutral-800:var(--color-text-2);
  --neutral-600:var(--color-text-muted);
  --muted-color:var(--color-text-subtle);
  --subtle-color:var(--color-text-muted);

  --text-primary:var(--color-text);
  --text-secondary:var(--color-text-2);
  --text-muted:var(--color-text-subtle);
  --text-subtle:var(--color-text-muted);
  --text-disabled:var(--color-text-disabled);

  --surface-color:var(--color-surface);
  --light-color:var(--color-bg);
  --dark-color:var(--color-text);
  --border-color:var(--color-border);
  --divider-color:var(--color-divider);

  --success-color:var(--color-success);
  --success-bg:var(--color-success-bg);
  --warning-color:var(--color-warning);
  --warning-bg:var(--color-warning-bg);
  --danger-color:var(--color-danger);
  --danger-bg:var(--color-danger-bg);
  --info-color:var(--color-info);
  --info-bg:var(--color-info-bg);

  --focus-ring:var(--color-focus-ring);
  --ring:var(--color-focus);
  --switch-background:var(--color-switch-bg);
  --bl-table-head-bg:var(--color-table-head);
  --bl-table-row-hover:var(--color-table-hover);
  --bl-row-selected:var(--color-row-selected);

  --figma-sidebar-bg:var(--color-sidebar-bg);
  --figma-sidebar-border:var(--color-sidebar-border);
  --figma-sidebar-text:var(--color-sidebar-text);
  --figma-sidebar-text-strong:var(--color-sidebar-text-strong);
  --figma-sidebar-muted:var(--color-sidebar-muted);
  --figma-sidebar-hover:var(--color-sidebar-hover);
  --figma-sidebar-active:var(--color-sidebar-active);
  --figma-sidebar-accent:var(--color-sidebar-accent);

  --chart-1:var(--color-chart-1);
  --chart-2:var(--color-chart-2);
  --chart-3:var(--color-chart-3);
  --chart-4:var(--color-chart-4);
  --chart-5:var(--color-chart-5);
}

/* Marketing token aliases */
:root{
  --mk-primary:var(--color-primary);
  --mk-primary-btn:var(--color-primary);
  --mk-primary-btn-hover:var(--color-primary-hover);
  --mk-primary-contrast:var(--color-on-primary);
  --mk-bg:var(--color-bg);
  --mk-surface:var(--color-surface);
  --mk-surface-2:var(--color-surface-2);
  --mk-text:var(--color-text);
  --mk-muted:var(--color-text-muted);
  --mk-border:var(--color-border);
  --mk-border-strong:var(--color-divider);
  --mk-success:var(--color-success);
  --mk-success-bg:var(--color-success-bg);
  --mk-link:var(--color-link);
  --mk-hover:color-mix(in srgb, var(--mk-primary) 8%, transparent);
  --mk-focus:color-mix(in srgb, var(--mk-primary) 60%, transparent);
  --mk-focus-shadow:0 0 0 4px color-mix(in srgb, var(--mk-primary) 22%, transparent);
  --mk-pill-bg:rgba(255,255,255,.8);
  --mk-input-bg:var(--color-surface);
  --mk-placeholder:rgba(100,116,139,.90);
  --mk-shadow:var(--color-shadow-soft);
  --mk-hero-bg-start:var(--color-hero-bg-start);
  --mk-hero-bg-end:var(--color-hero-bg-end);
  --mk-hero-brand-start:var(--color-hero-brand-start);
  --mk-hero-brand-end:var(--color-hero-brand-end);
  --mk-hero-alt-start:var(--color-hero-alt-start);
  --mk-hero-alt-end:var(--color-hero-alt-end);
  --mk-hero-emphasis-start:var(--color-hero-emphasis-start);
  --mk-hero-emphasis-end:var(--color-hero-emphasis-end);
  --mk-hero-on:var(--color-hero-on);
  --mk-accent-indigo:var(--color-accent-indigo);
  --mk-accent-indigo-soft:var(--color-accent-indigo-soft);
  --mk-accent-cyan:var(--color-accent-cyan);
  --mk-accent-cyan-soft:var(--color-accent-cyan-soft);
  --mk-accent-rose:var(--color-accent-rose);
  --mk-accent-rose-soft:var(--color-accent-rose-soft);
  --mk-glass-strong:var(--color-glass-strong);
  --mk-glass-soft:var(--color-glass-soft);
  --mk-glass-border:var(--color-glass-border);
  --mk-overlay-inverse-soft:var(--color-overlay-inverse-soft);
}

.bl-prg-alert{
  border:1px solid transparent;
}

.bl-prg-alert--success{
  background-color:color-mix(in srgb, var(--color-success-bg) 70%, var(--color-surface) 30%);
  border-color:color-mix(in srgb, var(--color-success) 35%, transparent);
  color:var(--color-success);
}

.bl-prg-alert--danger{
  background-color:color-mix(in srgb, var(--color-danger-bg) 70%, var(--color-surface) 30%);
  border-color:color-mix(in srgb, var(--color-danger) 35%, transparent);
  color:var(--color-danger);
}

.bl-prg-alert--warning{
  background-color:color-mix(in srgb, var(--color-warning-bg) 70%, var(--color-surface) 30%);
  border-color:color-mix(in srgb, var(--color-warning) 35%, transparent);
  color:var(--color-warning);
}

.bl-prg-alert--info{
  background-color:color-mix(in srgb, var(--color-info-bg) 70%, var(--color-surface) 30%);
  border-color:color-mix(in srgb, var(--color-info) 35%, transparent);
  color:var(--color-info);
}

html[data-theme="dark"]{
  --mk-primary:var(--color-primary);
  --mk-primary-btn:var(--color-primary);
  --mk-primary-btn-hover:var(--color-primary);
  --mk-primary-contrast:var(--color-on-primary);
  --mk-bg:var(--color-bg);
  --mk-surface:var(--color-surface);
  --mk-surface-2:var(--color-surface-2);
  --mk-text:var(--color-text);
  --mk-muted:var(--color-text-muted);
  --mk-border:var(--color-border);
  --mk-border-strong:var(--color-divider);
  --mk-success:var(--color-success);
  --mk-success-bg:var(--color-success-bg);
  --mk-link:var(--color-link);
  --mk-hover:color-mix(in srgb, var(--mk-primary) 12%, transparent);
  --mk-focus:color-mix(in srgb, var(--mk-primary) 75%, transparent);
  --mk-focus-shadow:0 0 0 4px color-mix(in srgb, var(--mk-primary) 28%, transparent);
  --mk-pill-bg:rgba(255,255,255,.06);
  --mk-input-bg:var(--color-surface);
  --mk-placeholder:color-mix(in srgb, var(--color-text-muted) 90%, transparent);
  --mk-shadow:var(--color-shadow-soft);
  --mk-hero-bg-start:var(--color-hero-bg-start);
  --mk-hero-bg-end:var(--color-hero-bg-end);
  --mk-hero-brand-start:var(--color-hero-brand-start);
  --mk-hero-brand-end:var(--color-hero-brand-end);
  --mk-hero-alt-start:var(--color-hero-alt-start);
  --mk-hero-alt-end:var(--color-hero-alt-end);
  --mk-hero-emphasis-start:var(--color-hero-emphasis-start);
  --mk-hero-emphasis-end:var(--color-hero-emphasis-end);
  --mk-hero-on:var(--color-hero-on);
  --mk-accent-indigo:var(--color-accent-indigo);
  --mk-accent-indigo-soft:var(--color-accent-indigo-soft);
  --mk-accent-cyan:var(--color-accent-cyan);
  --mk-accent-cyan-soft:var(--color-accent-cyan-soft);
  --mk-accent-rose:var(--color-accent-rose);
  --mk-accent-rose-soft:var(--color-accent-rose-soft);
  --mk-glass-strong:var(--color-glass-strong);
  --mk-glass-soft:var(--color-glass-soft);
  --mk-glass-border:var(--color-glass-border);
  --mk-overlay-inverse-soft:var(--color-overlay-inverse-soft);
}