:root {
  color-scheme: light;

  /* Canonical LikeReport palette. Keep all public and working screens aligned. */
  --brand-bg: #f3f6f8;
  --brand-bg-warm: #f8fbfa;
  --brand-panel: #ffffff;
  --brand-ink: #1f2933;
  --brand-heading: #123f44;
  --brand-muted: #66727e;
  --brand-line: #d8dee5;
  --brand-soft: #eef3f5;
  --brand-accent: #176b70;
  --brand-accent-dark: #0f5256;
  --brand-accent-soft: #dceced;
  --brand-amber: #c07a24;
  --brand-amber-soft: #f5e6d2;
  --brand-green: #2e7d5b;
  --brand-green-soft: #dceee5;
  --brand-red: #c94a4a;
  --brand-red-soft: #f8dddd;
  --brand-shadow: 0 14px 36px rgba(31, 41, 51, 0.14);

  /* Stable aliases used by the existing application workspace. */
  --bg: var(--brand-bg);
  --panel: var(--brand-panel);
  --ink: var(--brand-ink);
  --muted: var(--brand-muted);
  --line: var(--brand-line);
  --soft: var(--brand-soft);
  --accent: var(--brand-accent);
  --accent-dark: var(--brand-accent-dark);
  --accent-soft: var(--brand-accent-soft);
  --violet: #355c9a;
  --violet-soft: #e5ebf5;
  --amber: var(--brand-amber);
  --amber-soft: var(--brand-amber-soft);
  --green: var(--brand-green);
  --green-soft: var(--brand-green-soft);
  --red: var(--brand-red);
  --red-soft: var(--brand-red-soft);
  --shadow: var(--brand-shadow);
}