/* Global design tokens: fonts, sizes, shared colors, and default theme values. */

:root {
  color-scheme: light;

  --default-theme: dark;

  --font-sans: "Aptos", "Segoe UI", "Helvetica Neue", sans-serif;
  --font-serif: "Georgia", "Times New Roman", serif;
  --font-cv-serif: "Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif;
  --font-blog-body: var(--font-sans);

  --text-base: 16px;
  --text-xs: 0.78rem;
  --text-sm: 0.9rem;
  --text-md: 1rem;
  --text-lg: 1.18rem;
  --text-xl: 1.8rem;
  --text-2xl: 2.4rem;

  --accent: #49566a;
  --accent-dark: #2d3746;
  --ink: #18202a;
  --muted: #5f6976;
  --rule: #d7dde4;
  --paper: #ffffff;
  --surface: #f5f7fa;
  --shadow: 0 18px 42px rgba(24, 32, 42, 0.08);
  --page-width: min(8.5in, calc(100vw - 2rem));
  --home-border: rgba(73, 101, 138, 0.14);
}

html[data-theme="dark"] {
  color-scheme: dark;

  --accent: #7ab7f0;
  --accent-dark: #edf4f7;
  --ink: #edf4f7;
  --muted: #b6c3ce;
  --rule: rgba(218, 232, 240, 0.14);
  --paper: #172232;
  --surface: #101720;
  --shadow: 0 18px 42px rgba(0, 0, 0, 0.3);
  --home-border: rgba(218, 232, 240, 0.12);
}