/* Company Evidence Index - design tokens
   Single source for palette, type and rhythm. One blue accent: stroke and
   figure, never fill. Hairlines and whitespace over boxes; squared corners;
   serif body, mono data labels. Tints derive from their base color, so the
   dark theme only restates base values. */

@import url("https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,600;1,9..144,400&family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,500;0,6..72,600;1,6..72,400&family=DM+Mono:wght@400;500&display=swap");

:root {
  /* Accent: Cal Hacks blue */
  --color-brand: #0560b4;
  --color-brand-hover: #044a8a;
  --color-brand-muted: color-mix(in srgb, var(--color-brand) 10%, transparent);
  --color-brand-border: color-mix(in srgb, var(--color-brand) 45%, transparent);

  /* Semantic: archival, desaturated */
  --color-success: #3f6b4a;
  --color-warning: #8a7238;
  --color-error: #8c3a34;
  --color-success-muted: color-mix(in srgb, var(--color-success) 9%, transparent);
  --color-success-border: color-mix(in srgb, var(--color-success) 40%, transparent);
  --color-warning-muted: color-mix(in srgb, var(--color-warning) 9%, transparent);
  --color-warning-border: color-mix(in srgb, var(--color-warning) 40%, transparent);
  --color-error-muted: color-mix(in srgb, var(--color-error) 9%, transparent);
  --color-error-border: color-mix(in srgb, var(--color-error) 40%, transparent);

  /* Surfaces, text, hairlines */
  --bg: #f5f4f4;
  --text: #101c36;
  --text-muted: color-mix(in srgb, var(--text) 62%, transparent);
  --text-faint: color-mix(in srgb, var(--text) 56%, transparent);
  --border: color-mix(in srgb, var(--text) 16%, transparent);
  --border-muted: color-mix(in srgb, var(--text) 8%, transparent);

  /* Type and rhythm */
  --font-body: "Newsreader", Georgia, "Times New Roman", serif;
  --font-heading: "Fraunces", Georgia, serif;
  --font-mono: "DM Mono", "JetBrains Mono", monospace;
  --edge: clamp(20px, 5vw, 76px);
  --measure: 60ch;

  /* Motion and elevation: hairlines, not shadows; overlays only */
  --t-fast: 150ms ease;
  --shadow-lg: 0 12px 32px color-mix(in srgb, var(--text) 18%, transparent);
  --scrim: color-mix(in srgb, #02205e 55%, transparent);
}

/* Dark: near-black navy ground, sky accent; tints follow the base colors */
[data-theme="dark"] {
  --color-brand: #75bcff;
  --color-brand-hover: #a9cdf5;
  --color-success: #93c29a;
  --color-warning: #d4ba76;
  --color-error: #dda19a;
  --bg: #081326;
  --text: #eef4ff;
  --text-muted: color-mix(in srgb, var(--text) 60%, transparent);
  --text-faint: color-mix(in srgb, var(--text) 52%, transparent);
  --border: color-mix(in srgb, var(--text) 24%, transparent);
  --border-muted: color-mix(in srgb, var(--text) 12%, transparent);
  --shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.55);
  --scrim: rgba(1, 12, 38, 0.62);
}