// Talentix Brand Tokens · v7.6 · 14 May 2026
// @import "talentix-tokens";

// 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;

// Modules
$modules: (
  "blueprint": (color: $color-blueprint, num: "01", role: "Direction"),
  "scout":     (color: $color-scout,     num: "02", role: "Intelligence"),
  "reach":     (color: $color-reach,     num: "03", role: "Activity"),
  "meet":      (color: $color-meet,      num: "04", role: "Human"),
);

// Gradient helper
@mixin brand-gradient {
  background: linear-gradient(90deg, $color-blueprint, $color-scout, $color-reach, $color-meet);
}

// Gradient text utility
@mixin text-gradient {
  @include brand-gradient;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}