:root {
  --sy-ink: #1f2630;
  --sy-graphite: #343b46;
  --sy-muted: #69727e;
  --sy-paper: #f8f7f2;
  --sy-surface: #f5f7f6;
  --sy-white: #ffffff;
  --sy-border: #d8ded9;
  --sy-sage: #6f8f86;
  --sy-sage-light: #9eb8af;
  --sy-blue: #355c8a;
  --sy-clay: #a46550;
  --sy-amber: #c58a2c;
  --sy-green: #2f765d;
  --sy-red: #a64b4b;

  --sy-ui-font: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --sy-display-font: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --sy-mono-font: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;

  --sy-radius-sm: 4px;
  --sy-radius-md: 6px;
  --sy-radius-lg: 8px;
  --sy-shadow-card: 0 2px 10px rgba(31, 38, 48, 0.07);
  --sy-shadow-nav: 0 8px 24px rgba(31, 38, 48, 0.14);

  /* Cross-brand --db-* aliases — templates use --db-* tokens. Keep these
     mapped from --sy-* so this Synthesa brand.css stays self-contained. */
  --db-ink: var(--sy-ink);
  --db-slate: var(--sy-graphite);
  --db-muted: var(--sy-muted);
  --db-paper: var(--sy-paper);
  --db-surface: var(--sy-surface);
  --db-white: var(--sy-white);
  --db-border: var(--sy-border);
  --db-blue: var(--sy-blue);
  --db-blue-dark: var(--sy-blue);
  --db-teal: var(--sy-sage);
  --db-amber: var(--sy-amber);
  --db-green: var(--sy-green);
  --db-red: var(--sy-red);

  --db-ui-font: var(--sy-ui-font);
  --db-display-font: var(--sy-display-font);
  --db-mono-font: var(--sy-mono-font);

  --db-radius-sm: var(--sy-radius-sm);
  --db-radius-md: var(--sy-radius-md);
  --db-radius-lg: var(--sy-radius-lg);
  --db-shadow-card: var(--sy-shadow-card);
  --db-shadow-nav: var(--sy-shadow-nav);

  /* Legacy --ea-* (Epitome Analytics) aliases — same pattern as debrief. */
  --ea-blue: var(--db-blue);
  --ea-navy: var(--db-ink);
  --ea-teal: var(--db-teal);
  --ea-amber: var(--db-amber);
  --ea-white: var(--db-white);
  --ea-surface: var(--db-surface);
  --ea-border: var(--db-border);
  --ea-text: var(--db-ink);
  --ea-muted: var(--db-muted);
  --ea-ui-font: var(--db-ui-font);
  --ea-display-font: var(--db-display-font);
}