/* HDSoft — tokens.css. Only custom properties, no rules (same convention as getatbul).
   Order: raw palette → semantic roles → type → space → radius → shadow → motion. */
:root {
  /* Raw palette derived from the logo: navy #16206b + cyan→blue gradient */
  --ink-950: #0b1140; --ink-900: #121a55; --ink-800: #16206b; --ink-600: #3b4763; --ink-400: #7a849b;
  --ink-200: #d5dae4; --ink-100: #eceff4; --ink-50: #f7f8fb;
  --cyan-300: #8bdcf8; --cyan-400: #5ec8f2; --blue-500: #2a7fd4; --blue-600: #1f63b8; --navy-700: #16206b;
  --logo-gradient: linear-gradient(180deg, #5ec8f2 0%, #2a7fd4 55%, #16206b 100%);
  /* Semantic roles */
  --bg: #ffffff; --bg-alt: var(--ink-50); --bg-dark: var(--ink-950);
  --text: var(--ink-900); --text-muted: var(--ink-600); --text-on-dark: var(--ink-100);
  --accent: var(--blue-500); --accent-text: var(--blue-600); --accent-on-dark: var(--cyan-300);
  --border: var(--ink-200);
  /* Type */
  --font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: ui-monospace, "JetBrains Mono", Menlo, monospace;
  --fs-sm: .875rem; --fs-base: 1.0625rem; --fs-lg: 1.25rem; --fs-xl: 1.5rem; --fs-2xl: 2.25rem;
  --fs-hero: clamp(2.2rem, 5vw, 3.75rem);
  /* Space / radius / shadow / motion */
  --s1: .25rem; --s2: .5rem; --s3: 1rem; --s4: 1.5rem; --s5: 2.5rem; --s6: 4rem; --s7: 6rem;
  --wrap: 1120px; --r-sm: 6px; --r-md: 12px; --r-lg: 20px;
  --shadow-1: 0 1px 2px rgb(11 18 32 / .06), 0 4px 16px rgb(11 18 32 / .06);
  --ease: cubic-bezier(.2,.7,.2,1); --dur: 180ms;
}