:root {
    /* Color (light theme) */
    --bg: #ffffff;
    --fg: #111111;
    --fg-muted: #6b6b6b;
    --fg-subtle: #9a9a9a;
    --line: #e8e8e8;
    --line-strong: #d4d4d4;
    --surface: #f6f6f6;
    --surface-2: #fafafa;
    --accent: #0046ff;
    --accent-fg: #ffffff;

    /* Typography */
    --font-sans:
        "Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto,
        sans-serif;
    --font-mono:
        "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
        monospace;

    /* Layout & motion */
    --ease: cubic-bezier(0.22, 1, 0.36, 1);
    --container: 1280px;
    --pad: 32px;
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 14px;
}

/* GFL — Careers graphics styles */
[data-gfl-careers] {
  position: relative;
  width: 100%;
  height: 100%;
  background:
    radial-gradient(circle at 50% 50%,
      color-mix(in srgb, var(--accent) 4%, transparent) 0%,
      transparent 70%),
    var(--bg);
}
[data-gfl-careers] svg { width: 100%; height: 100%; display: block; }
[data-gfl-careers]::before {
  content: '';
  position: absolute; inset: 0; pointer-events: none;
  background:
    linear-gradient(to right, var(--line) 1px, transparent 1px) 0 0/40px 40px,
    linear-gradient(to bottom, var(--line) 1px, transparent 1px) 0 0/40px 40px;
  opacity: 0.2;
}