/* Design tokens — single source of truth for the visual system. */
:root {
  /* Brand is a committed dark theme; color-scheme keeps native widgets in step. */
  color-scheme: dark;

  /* Surfaces */
  --gu-bg: #0d1117;
  --gu-bg-alt: #10161e;
  --gu-bg-raised: #151c25;
  --gu-bg-hover: #141c26;
  --gu-bg-footer: #0a0e13;

  /* Text */
  --gu-text: #e8ecf1;
  --gu-text-soft: #aeb9c5;
  --gu-text-dim: #8a97a5;
  --gu-text-faint: #5a6a7a;
  --gu-text-marquee: #69788a;

  /* Accent */
  --gu-accent: #4fc3a1;
  --gu-accent-light: #7fdcc0;
  --gu-danger: #e05d5d;

  /* Borders */
  --gu-border: rgba(255, 255, 255, 0.07);
  --gu-border-2: rgba(255, 255, 255, 0.08);
  --gu-border-3: rgba(255, 255, 255, 0.1);
  --gu-border-4: rgba(255, 255, 255, 0.12);
  --gu-border-5: rgba(255, 255, 255, 0.14);
  --gu-border-6: rgba(255, 255, 255, 0.18);
  --gu-border-accent-soft: rgba(79, 195, 161, 0.35);
  --gu-border-accent: rgba(79, 195, 161, 0.5);
  --gu-accent-tint: rgba(79, 195, 161, 0.12);
  --gu-accent-glow: rgba(79, 195, 161, 0.14);

  /* Typography */
  --gu-font-sans: "Sora", system-ui, sans-serif;
  --gu-font-serif: "Source Serif 4", Georgia, serif;

  /* Radii */
  --gu-radius-sm: 8px;
  --gu-radius: 10px;
  --gu-radius-md: 12px;
  --gu-radius-lg: 16px;
  --gu-radius-xl: 20px;
  --gu-radius-pill: 999px;

  /* Shadows */
  --gu-shadow-photo: 0 30px 60px rgba(0, 0, 0, 0.5);
  --gu-shadow-card: 0 16px 40px rgba(0, 0, 0, 0.45);

  /* Layout */
  --gu-container: 1180px;
  --gu-gutter: 28px;
  --gu-section-pad: 100px;
}