/* Design tokens for dawidw.pl.
   Source: Figma file "dawidw.pl" (collections `Colors` and `Spacing`, text styles `Landing/*`).
   Names mirror the Figma code syntax, e.g. `Colors/fg-muted` -> --color-fg-muted. */

:root {
  /* Colors (mode: Dark) */
  --color-bg: #000000;
  --color-fg: #ffffff;
  --color-fg-muted: #a6a6a6;
  --color-surface: #0d0d0d;
  --color-border: #262626;

  /* Spacing, in 4px steps like Tailwind (space-N = N * 4px) */
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --space-24: 96px;
  --space-30: 120px;
  --space-45: 180px;

  /* Radius and widths */
  --radius-card: 16px;
  --radius-xl: 32px;
  --width-page: 1440px;
  --width-label: 397px;
  --width-content: 835px;
}

html {
  background: var(--color-bg);
  color: var(--color-fg);
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
}

body { margin: 0; background: var(--color-bg); }

a { text-underline-offset: 3px; }
a:hover { text-decoration-thickness: 2px; }

/* Smaller screens: scale the big display styles down */
@media (max-width: 1023px) {
  .text-statement { font-size: 28px; line-height: 36px; letter-spacing: -1.12px; overflow-wrap: anywhere; }
  .text-name { font-size: 36px; line-height: 44px; letter-spacing: -1.1px; }
  .text-subtitle { font-size: 26px; line-height: 36px; letter-spacing: -0.8px; }
  .text-lead { font-size: 20px; line-height: 32px; }
  .text-stat { font-size: 48px; line-height: 52px; letter-spacing: -2.4px; }
}