/* ============================================================================
   SetLight — design TOKENS only (setlight-tokens.css)
   The single source of truth for SetLight's palette + typeface. No element or
   component rules live here, so this can be linked into any existing page
   without disturbing its layout. Colours sampled from the logo
   (docs/SETLIGHT_BRAND_SYSTEM.md). setlight.css @imports this and adds components.
   ============================================================================ */

@font-face {
  font-family: 'Poppins';
  src: url('brand/Poppins-Medium.ttf') format('truetype');
  font-weight: 400 600; font-style: normal; font-display: swap;
}

:root {
  /* Brand — sampled from the logo */
  --violet:       #8136FF;   /* Primary. Filled buttons/active states. BACKGROUND only. */
  --violet-light: #BA64FF;   /* Links, accent text, hover. Coloured text on dark uses THIS. */
  --lilac:        #E29FFE;
  --blue:         #0889FF;
  --indigo:       #4138FF;
  --periwinkle:   #6990FE;
  --grad: linear-gradient(100deg, #8136FF 0%, #BA64FF 45%, #0889FF 100%);

  /* Surfaces — near-black, violet-cast. Pure #000 only on the homepage hero. */
  --bg:        #0A0711;
  --surface:   #14101F;
  --surface-2: #1D1730;
  --line:      #2C2440;

  /* Text */
  --ink:   #F2EEF9;
  --muted: #A79FC0;
  --faint: #6F6890;

  /* Semantic */
  --good: #3DD68C;
  --warn: #FFB454;
  --bad:  #FF5D73;

  --focus-ring: rgba(129,54,255,0.25);
  --glow: rgba(129,54,255,0.18);
  --radius: 14px;
  --radius-sm: 10px;
  --maxw: 1080px;
}