/* Talentix Brand Tokens · v7.6 · 14 May 2026 */
/* Drop into your globals.css */

:root {
  /* Foundation · 70-80% of every layout */
  --color-dark: #1E1B2E;
  --color-depth: #2A2640;
  --color-canvas: #FAFAFA;
  --color-white: #FFFFFF;

  /* Signal · Module colors · accents only */
  --color-blueprint: #2E61E1;
  --color-scout: #7D3CED;
  --color-reach: #BF27D2;
  --color-meet: #EB77FF;

  /* Support · hierarchy and density */
  --color-soft: #E9D5FF;
  --color-neutral: #A1A1AA;
  --color-gray: #6B7280;
  --color-rule: #E5E5EA;

  /* Typography */
  --font-display: "Neue Haas Display", "Helvetica Neue", Arial, sans-serif;
  --font-body: "Manrope", "Helvetica Neue", Arial, sans-serif;

  /* Spacing scale */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-8: 3rem;
  --space-10: 4rem;
  --space-12: 6rem;

  /* Border radius */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 18px;
  --radius-2xl: 22px;
  --radius-full: 9999px;

  /* Gradient */
  --gradient-brand: linear-gradient(90deg, var(--color-blueprint), var(--color-scout), var(--color-reach), var(--color-meet));
}