// ==========================================================================
// COLOR TOKENS
// ==========================================================================
// Tonal color system using HCL for tones
// Material Design 3 inspired color tokens with $base prefix
// ==========================================================================

// KEY COLORS (Material M3 HCL Seed Colors)
$base-color-primary-key: hsl(258, 100%, 47%) !default;     // Dynamic Color - Primary
$base-color-secondary-key: hsl(258, 29%, 16%) !default;    // Dynamic Color - Secondary
$base-color-tertiary-key: hsl(295, 26%, 25%) !default;     // Dynamic Color - Tertiary
$base-color-quaternary-key: hsl(76, 29%, 16%) !default;    // Dynamic Color - Quaternary
$base-color-neutral-key: hsl(279, 14%, 11%) !default;      // Dynamic Color - Neutral
$base-color-error-key: hsl(25, 84%, 44%) !default;         // Dynamic Color - Error
$base-color-neutral-variant-key: hsl(287, 12%, 15%) !default; // Dynamic Color - Neutral Variant

// PRIMARY COLORS (HCL Tonal Palette)
$base-color-primary: hsl(258, 100%, 47%) !default;             // Tone 40
$base-color-on-primary: hsl(0, 0%, 100%) !default;             // Tone 100
$base-color-primary-container: hsl(263, 100%, 88%) !default;   // Tone 90
$base-color-on-primary-container: hsl(260, 100%, 13%) !default; // Tone 10
$base-color-inverse-primary: hsl(263, 100%, 78%) !default;     // Tone 80

// SECONDARY COLORS (HCL Tonal Palette)
$base-color-secondary: hsl(258, 29%, 40%) !default;            // Tone 40
$base-color-on-secondary: hsl(0, 0%, 100%) !default;           // Tone 100
$base-color-secondary-container: hsl(262, 25%, 84%) !default;  // Tone 90
$base-color-on-secondary-container: hsl(256, 29%, 11%) !default; // Tone 10

// TERTIARY COLORS (HCL Tonal Palette)
$base-color-tertiary: hsl(295, 26%, 40%) !default;             // Tone 40
$base-color-on-tertiary: hsl(0, 0%, 100%) !default;            // Tone 100
$base-color-tertiary-container: hsl(307, 24%, 84%) !default;   // Tone 90
$base-color-on-tertiary-container: hsl(290, 26%, 11%) !default; // Tone 10

// NEUTRAL COLORS (HCL Tonal Palette)
$base-color-neutral: hsl(279, 14%, 22%) !default;              // Tone 25
$base-color-neutral-variant: hsl(287, 12%, 25%) !default;      // Tone 30

// SURFACE COLORS (Light Theme - HCL Tonal System)
$base-color-surface: hsl(286, 20%, 99%) !default;              // Tone 99
$base-color-surface-bright: hsl(286, 20%, 99%) !default;       // Tone 99
$base-color-surface-dim: hsl(285, 9%, 87%) !default;           // Tone 87
$base-color-on-surface: hsl(279, 14%, 11%) !default;           // Tone 10
$base-color-surface-lowest: hsl(0, 0%, 100%) !default;         // Tone 100
$base-color-surface-low: hsl(289, 14%, 96%) !default;          // Tone 96
$base-color-surface-container: hsl(287, 8%, 94%) !default;     // Tone 94
$base-color-surface-high: hsl(286, 6%, 92%) !default;          // Tone 92
$base-color-surface-highest: hsl(284, 7%, 90%) !default;       // Tone 90
$base-color-surface-variant: hsl(289, 14%, 90%) !default;      // Tone 90
$base-color-on-surface-variant: hsl(287, 12%, 47%) !default;   // Tone 50
$base-color-inverse-surface: hsl(279, 14%, 20%) !default;      // Tone 20
$base-color-inverse-on-surface: hsl(285, 15%, 95%) !default;   // Tone 95

// BACKGROUND COLORS (Light Theme)
$base-color-background: hsl(286, 20%, 99%) !default;           // Tone 99
$base-color-on-background: hsl(279, 14%, 11%) !default;        // Tone 10

// ERROR COLORS (HCL Tonal Palette)
$base-color-error: hsl(25, 84%, 44%) !default;                 // Tone 40
$base-color-on-error: hsl(0, 0%, 100%) !default;               // Tone 100
$base-color-error-container: hsl(25, 100%, 92%) !default;      // Tone 90
$base-color-on-error-container: hsl(25, 100%, 11%) !default;   // Tone 10

// OUTLINE COLORS (HCL Tonal System)
$base-color-outline: hsl(287, 12%, 59%) !default;              // Tone 50
$base-color-outline-variant: hsl(289, 14%, 80%) !default;      // Tone 80

// UTILITY COLORS (Material M3 Standards)
$base-color-shadow: hsl(0, 0%, 0%) !default;                   // Pure black shadow
$base-color-surface-tint: hsl(258, 100%, 47%) !default;        // Primary color for tint
$base-color-scrim: hsl(0, 0%, 0%) !default;                    // Pure black scrim