:root,
:root[data-theme="light"] {
  color-scheme: light;

  /* Canonical brand colours */
  --iprep-brand-ink: #0f0f10;
  --iprep-brand-charcoal: #1e1e1e;
  --iprep-brand-green: #22c55e;
  --iprep-brand-mint: #e6f7ef;
  --iprep-brand-off-white: #f7f7f7;

  /* Surfaces and text */
  --iprep-canvas: #f7f7f7;
  --iprep-surface: #ffffff;
  --iprep-surface-muted: #f1f5f3;
  --iprep-surface-brand: #e6f7ef;
  --iprep-text: #0f0f10;
  --iprep-text-muted: #475569;
  --iprep-border: #d8dee3;
  --iprep-border-strong: #94a3b8;
  --iprep-focus: #2563eb;

  /* Interactive */
  --iprep-action-primary: #22c55e;
  --iprep-action-primary-hover: #1fb456;
  --iprep-action-primary-active: #15803d;
  --iprep-action-primary-text: #0f0f10;

  /* Semantic feedback */
  --iprep-success-bg: #dcfce7;
  --iprep-success-border: #22c55e;
  --iprep-success-text: #166534;
  --iprep-info-bg: #e0f2fe;
  --iprep-info-border: #38bdf8;
  --iprep-info-text: #075985;
  --iprep-warning-bg: #fef3c7;
  --iprep-warning-border: #f59e0b;
  --iprep-warning-text: #92400e;
  --iprep-error-bg: #fee2e2;
  --iprep-error-border: #ef4444;
  --iprep-error-text: #991b1b;
  --iprep-neutral-bg: #f1f5f9;
  --iprep-neutral-border: #cbd5e1;
  --iprep-neutral-text: #334155;

  /* Categorical chart palette for light surfaces */
  --iprep-chart-1: #15803d;
  --iprep-chart-2: #2563eb;
  --iprep-chart-3: #7c3aed;
  --iprep-chart-4: #c2410c;
  --iprep-chart-5: #0e7490;
  --iprep-chart-6: #be185d;
  --iprep-chart-7: #a16207;
  --iprep-chart-8: #475569;

  /* Chart structure */
  --iprep-chart-grid: #d8dee3;
  --iprep-chart-axis: #64748b;
  --iprep-chart-label: #334155;
  --iprep-chart-highlight: #22c55e;

  /* Icon sizing */
  --iprep-icon-sm: 16px;
  --iprep-icon-md: 20px;
  --iprep-icon-lg: 24px;
  --iprep-icon-feature: 40px;
}

:root[data-theme="dark"] {
  color-scheme: dark;

  --iprep-canvas: #0f0f10;
  --iprep-surface: #1e1e1e;
  --iprep-surface-muted: #27272a;
  --iprep-surface-brand: #052e16;
  --iprep-text: #f7f7f7;
  --iprep-text-muted: #cbd5e1;
  --iprep-border: #3f3f46;
  --iprep-border-strong: #71717a;
  --iprep-focus: #60a5fa;

  --iprep-action-primary: #22c55e;
  --iprep-action-primary-hover: #4ade80;
  --iprep-action-primary-active: #16a34a;
  --iprep-action-primary-text: #0f0f10;

  --iprep-success-bg: #052e16;
  --iprep-success-border: #22c55e;
  --iprep-success-text: #86efac;
  --iprep-info-bg: #082f49;
  --iprep-info-border: #0ea5e9;
  --iprep-info-text: #7dd3fc;
  --iprep-warning-bg: #451a03;
  --iprep-warning-border: #f59e0b;
  --iprep-warning-text: #fde68a;
  --iprep-error-bg: #450a0a;
  --iprep-error-border: #ef4444;
  --iprep-error-text: #fca5a5;
  --iprep-neutral-bg: #1e293b;
  --iprep-neutral-border: #64748b;
  --iprep-neutral-text: #cbd5e1;

  --iprep-chart-1: #4ade80;
  --iprep-chart-2: #60a5fa;
  --iprep-chart-3: #a78bfa;
  --iprep-chart-4: #fb923c;
  --iprep-chart-5: #22d3ee;
  --iprep-chart-6: #f472b6;
  --iprep-chart-7: #facc15;
  --iprep-chart-8: #cbd5e1;

  --iprep-chart-grid: #3f3f46;
  --iprep-chart-axis: #a1a1aa;
  --iprep-chart-label: #e4e4e7;
  --iprep-chart-highlight: #4ade80;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    color-scheme: dark;

    --iprep-canvas: #0f0f10;
    --iprep-surface: #1e1e1e;
    --iprep-surface-muted: #27272a;
    --iprep-surface-brand: #052e16;
    --iprep-text: #f7f7f7;
    --iprep-text-muted: #cbd5e1;
    --iprep-border: #3f3f46;
    --iprep-border-strong: #71717a;
    --iprep-focus: #60a5fa;

    --iprep-action-primary: #22c55e;
    --iprep-action-primary-hover: #4ade80;
    --iprep-action-primary-active: #16a34a;
    --iprep-action-primary-text: #0f0f10;

    --iprep-success-bg: #052e16;
    --iprep-success-border: #22c55e;
    --iprep-success-text: #86efac;
    --iprep-info-bg: #082f49;
    --iprep-info-border: #0ea5e9;
    --iprep-info-text: #7dd3fc;
    --iprep-warning-bg: #451a03;
    --iprep-warning-border: #f59e0b;
    --iprep-warning-text: #fde68a;
    --iprep-error-bg: #450a0a;
    --iprep-error-border: #ef4444;
    --iprep-error-text: #fca5a5;
    --iprep-neutral-bg: #1e293b;
    --iprep-neutral-border: #64748b;
    --iprep-neutral-text: #cbd5e1;

    --iprep-chart-1: #4ade80;
    --iprep-chart-2: #60a5fa;
    --iprep-chart-3: #a78bfa;
    --iprep-chart-4: #fb923c;
    --iprep-chart-5: #22d3ee;
    --iprep-chart-6: #f472b6;
    --iprep-chart-7: #facc15;
    --iprep-chart-8: #cbd5e1;

    --iprep-chart-grid: #3f3f46;
    --iprep-chart-axis: #a1a1aa;
    --iprep-chart-label: #e4e4e7;
    --iprep-chart-highlight: #4ade80;
  }
}