/* Organization primitives are bound to the source revisions in brand-sources.json.
   MAK uses its canonical DESIGN.md, including its declared type fallbacks.
   Manimal primitives are imported unchanged from its locked tokens.css. */
:root {
  --brand-paper: #FAF7F1;
  --brand-ink: #1B1A18;
  --brand-navy: #16234E;
  --brand-midnight: #0E1430;
  --brand-gold: #E4B240;
  --brand-surface: oklch(96.135% 0.0083 84.57);
  --brand-muted: oklch(51.840% 0.0052 84.59);
  --brand-border: oklch(79.265% 0.0068 84.59);
  --type-body-family: Geist, ui-sans-serif, system-ui, sans-serif;
  --type-display-family: Newsreader, 'Iowan Old Style', Georgia, serif;
  --brand-wordmark-family: Canela, 'Iowan Old Style', 'Palatino Linotype', Palatino, 'Times New Roman', serif;
  --brand-radius: 8px;
  /* Semantic layer, shared by all drive components. */
  --c-white: var(--brand-paper);
  --surface-page: var(--brand-surface);
  --surface-scaffold: var(--brand-surface);
  --surface-selected: color-mix(in srgb, var(--brand-navy) 8%, var(--brand-paper));
  --text-primary: var(--brand-ink);
  --text-muted: var(--brand-muted);
  --text-on-accent: var(--brand-paper);
  --rule-soft: color-mix(in srgb, var(--brand-border) 55%, var(--brand-paper));
  --rule-default: var(--brand-border);
  --accent: var(--brand-navy);
  --focus-ring: var(--brand-navy);
  --surface-shadow: color-mix(in srgb, var(--brand-midnight) 12%, transparent);
  --navigation-background: var(--brand-navy);
  --navigation-text: var(--brand-paper);
  --navigation-muted: color-mix(in srgb, var(--brand-paper) 76%, var(--brand-navy));
  --navigation-selected: var(--brand-midnight);
  --navigation-accent: var(--brand-gold);
}
:root[data-brand="manimal"] {
  --type-body-family: var(--mn-font-primary);
  --type-display-family: var(--mn-font-primary);
  --brand-radius: var(--mn-radius-main);
  --c-white: var(--mn-paper);
  --surface-page: var(--mn-pale);
  --surface-scaffold: var(--mn-pale);
  --surface-selected: var(--mn-pale);
  --text-primary: var(--mn-ink);
  --text-muted: var(--mn-accent-deep);
  --text-on-accent: var(--mn-paper);
  --rule-soft: color-mix(in srgb, var(--mn-ground) 14%, var(--mn-paper));
  --rule-default: var(--mn-ground-muted);
  --accent: var(--mn-ground);
  --focus-ring: var(--mn-accent-deep);
  --surface-shadow: color-mix(in srgb, var(--mn-ground) 12%, transparent);
  --navigation-background: var(--mn-ground);
  --navigation-text: var(--mn-paper);
  --navigation-muted: var(--mn-pale);
  --navigation-selected: var(--mn-ground-2);
  --navigation-accent: var(--mn-accent);
}
::selection { background: var(--surface-selected); color: var(--text-primary); }