/* Neon Nights — Color tokens */
:root{
  /* Base palette (from Neon Nights style sheet) */
  --cyan: #45D6EF;
  --magenta: #FF0099;
  --violet: #7A2FF2;      /* gradient bridge between cyan & magenta; echoes the logo purple */
  --night: #0A0A12;       /* deep near-black background */
  --black: #000000;
  --white: #EAEAF5;       /* soft off-white / paper */

  /* Neon tints & shades */
  --cyan-bright: #7FE8FA;
  --cyan-dim: #2AA6BD;
  --magenta-bright: #FF4FBF;
  --magenta-dim: #C4006F;
  --violet-bright: #A46BFF;

  /* Neutral ramp on the night scale */
  --ink-900: #05050B;
  --ink-800: #0A0A12;
  --ink-700: #12121E;
  --ink-600: #1B1B2B;
  --ink-500: #2A2A40;
  --ink-400: #3D3D5C;
  --ink-300: #6A6A8C;
  --ink-200: #9C9CBE;
  --ink-100: #C9C9E0;

  /* Semantic aliases */
  --bg-page: var(--night);
  --bg-deep: var(--ink-900);
  --surface-card: rgba(18,18,30,0.72);
  --surface-raised: #14141F;
  --border-hairline: rgba(69,214,239,0.22);   /* thin cyan leuchtlinie */
  --border-strong: rgba(69,214,239,0.55);

  --text-body: var(--white);
  --text-muted: var(--ink-200);
  --text-faint: var(--ink-300);
  --text-heading: var(--white);

  --accent-primary: var(--magenta);      /* primary CTA fill */
  --accent-secondary: var(--cyan);       /* outline / links */
  --accent-tertiary: var(--violet);
  --link: var(--cyan);
  --link-hover: var(--cyan-bright);

  --focus-ring: var(--cyan);

  /* Signature gradients */
  --grad-neon: linear-gradient(90deg, var(--cyan) 0%, var(--violet) 50%, var(--magenta) 100%); /* @kind color */
  --grad-neon-v: linear-gradient(180deg, var(--cyan) 0%, var(--violet) 50%, var(--magenta) 100%); /* @kind color */
  --grad-chrome: linear-gradient(180deg,#ffffff 0%,#cfe8ff 42%,#8aa0c8 50%,#ffffff 52%,#ff8fd0 100%); /* @kind color */
  --grad-hero: radial-gradient(120% 90% at 50% -10%, rgba(122,47,242,0.35) 0%, rgba(10,10,18,0) 60%); /* @kind color */
}