/* styles/tokens.css — Neon Pulse palette */
/* Five Dollar Down — Design Tokens */
/* All colors, spacing, radius, and transitions live here.
   Never hardcode a hex or pixel value outside this file. */

:root {
  /* Brand colors */
  --c-black:      #020608;
  --c-ink:        #0A1B29;
  --c-ink-2:      #0F2A3C;
  --c-accent:     #00D4FF;              /* cyan — primary accent */
  --c-accent-lt:  #FF2D9B;             /* magenta — hover states, badges, highlights */
  --c-accent-dim: rgba(0, 212, 255, 0.10);

  /* Neutral surfaces */
  --c-surface:    #050f14;
  --c-surface-2:  #0A1E28;

  /* Line texture */
  --texture-lines: url("data:image/svg+xml,%3Csvg width='30' height='30' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='0' y1='30' x2='30' y2='0' stroke='rgba(255%2C255%2C255%2C0.05)' stroke-width='1'/%3E%3C/svg%3E");
  --c-white:      #FFFFFF;
  --c-border:     #005F6E;
  --c-muted:      #4A9AAA;

  /* Spacing scale */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 2rem;
  --space-lg: 4rem;
  --space-xl: 6rem;

  /* Border radius */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;

  /* Transitions */
  --t-fast: 0.15s ease;
  --t-base: 0.25s ease;
  --t-slow: 0.4s ease;

  /* Noise grain texture */
  --texture-noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='250' height='250'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='250' height='250' filter='url(%23n)' opacity='0.1'/%3E%3C/svg%3E");
}