/* DreamFx — Design Tokens v1.0  (LIGHT MODE)
   3D Visualization Studio · Ljubljana, SI · dreamfx.digital
   Light canvas, near-black ink, one electric blue. */

:root {
  /* Background */
  --bg-white:    #FFFFFF;
  --bg-offwhite: #F4F4F5;

  /* Ink */
  --ink-900: #0A0A0B;
  --ink-700: #3F3F46;
  --ink-500: #71717A;
  --hairline:#E6E6E9;

  /* Electric blue — the one accent */
  --blue-500: #2E6BFF;
  --blue-600: #1B5AF0;
  --blue-700: #1647C7;
  --blue-050: #EEF3FF;

  /* Type */
  --font-display: 'Cabinet Grotesk', 'General Sans', -apple-system, system-ui, sans-serif;
  --font-body: 'Inter', -apple-system, system-ui, sans-serif;
  --font-mono: 'Geist Mono', ui-monospace, monospace;

  /* Spacing */
  --space-2xs: 4px;  --space-xs: 8px;  --space-sm: 12px; --space-md: 16px;
  --space-lg: 24px;  --space-xl: 32px; --space-2xl: 48px; --space-3xl: 64px;
  --space-4xl: 96px; --space-5xl: 128px;

  /* Radius (sharp) */
  --radius-sm: 4px; --radius-md: 6px; --radius-lg: 8px;

  /* Elevation */
  --shadow-sm: 0 1px 2px rgba(0,0,0,.06), 0 8px 24px rgba(0,0,0,.07);
  --shadow-lg: 0 2px 8px rgba(10,10,11,.06), 0 40px 80px -24px rgba(10,10,11,.22);
  --border-hairline: 1px solid var(--hairline);

  /* Motion */
  --ease-out: cubic-bezier(.2,.7,.2,1);
  --dur-fast: 200ms;  --dur-base: 300ms;  --dur-slow: 400ms;
}