/* Shared layout and navigation tokens. */
:root {
  color-scheme: light;
  --f: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Inter, sans-serif;
  --bg: var(--color-surface-muted);
  --card: var(--color-surface);
  --ink: var(--color-text);
  --muted: var(--color-text-muted);
  --line: var(--color-border);
  --chip: var(--color-control-border);
  --sel: var(--color-primary);
  --go: var(--color-primary);
  --go-deep: var(--color-primary);
  --brand-wordmark: var(--color-wordmark);
  --brand-dot: var(--color-brand-dot);

  --brand-font: "EasyAccounts Inter", Arial, sans-serif;
  --brand-font-size: 20px;
  --brand-font-size-mobile: 18px;
  --brand-font-size-small: 16px;
  --brand-emblem-clip: ellipse(42% 39% at 50% 50%);
  --surface-white: #fff;
  --content-width: 1080px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --radius-pill: 999px;
  --radius-panel: 24px;
  --nav-surface: var(--card);
  --nav-text: var(--ink);
  --nav-muted: var(--muted);
  --nav-border: var(--line);
  --nav-selected: var(--color-primary-soft);
  --nav-action: var(--color-primary);
  --nav-action-text: var(--color-on-primary);
  --nav-shadow: 0 2px 4px rgb(0 0 0 / 4%), 0 12px 30px rgb(0 0 0 / 4%);
}