:root {
  color-scheme: light;
  --bg: #ffffff;
  --bg-strong: #f8fafc;
  --panel: #f1f5f9;
  --panel-soft: #e2e8f0;
  --border: #cbd5e1;
  --text: #334155;
  --text-strong: #0f172a;
  --muted: #64748b;
  --accent: #ff9f1c;
  --accent-deep: #b75d0a;
  --green: #22c55e;
  --button-primary-text: #1a0f03;
  --archive-frame-bg: #ffffff;
  --hero-gradient: linear-gradient(130deg, var(--panel) 0%, color-mix(in srgb, var(--bg) 90%, var(--panel)) 50%, var(--bg-strong) 100%);
  --test-hero-gradient: linear-gradient(130deg, color-mix(in srgb, var(--panel) 92%, var(--bg)), color-mix(in srgb, var(--bg) 78%, var(--panel)) 54%, var(--bg-strong));
}