@layer tokens {
  :root {
    /* ==========================================================================
       Semantic Colors
       ========================================================================== */
    --color-primary: #0A0A0A;
    --color-bg: #FFFFFF;
    --color-accent: #6B2D3C;
    --color-accent-light: #7D3A4A;

    /* ==========================================================================
       Primary Brand Colors (remapped for Swiss Elegant)
       ========================================================================== */
    --color-dark-violet: #0A0A0A;
    --color-light-violet: #FAFAFA;
    --color-medium-violet: #E5E5E5;
    --color-light-blue: #F5F5F5;
    --color-light-pink: #6B2D3C;
    --color-pink-thq: #0A0A0A;

    /* ==========================================================================
       HQ Blue Scale (Violet-Blue) — unchanged for TalentoHQ brand
       ========================================================================== */
    --color-hq-blue-50: #f8f8ff;
    --color-hq-blue-100: #f2f2fa;
    --color-hq-blue-200: #e6e5f6;
    --color-hq-blue-300: #cecbec;
    --color-hq-blue-400: #9e99da;
    --color-hq-blue-500: #6e67c8;
    --color-hq-blue-600: #3f35b5;
    --color-hq-blue-700: #1003a3;

    /* ==========================================================================
       HQ Pink Scale (Coral-Pink) — unchanged for TalentoHQ brand
       ========================================================================== */
    --color-hq-pink-100: #ffeff3;
    --color-hq-pink-400: #f5a0b3;
    --color-hq-pink-700: #fa6e8c;
    --color-hq-pink-900: #f06987;

    /* ==========================================================================
       Lab Scale (neutral gray for Swiss Elegant)
       ========================================================================== */
    --color-lab-50: #FAFAFA;
    --color-lab-100: #F5F5F5;
    --color-lab-200: #E5E5E5;
    --color-lab-300: #D4D4D4;
    --color-lab-400: #A3A3A3;
    --color-lab-500: #777777;
    --color-lab-600: #555555;
    --color-lab-700: #404040;
    --color-lab-800: #262626;
    --color-lab-900: #0A0A0A;

    /* ==========================================================================
       Neutral Colors
       ========================================================================== */
    --color-white: #ffffff;
    --color-black: #000000;

    /* ==========================================================================
       Gray Scale
       ========================================================================== */
    --color-gray-50: #FAFAFA;
    --color-gray-100: #F5F5F5;
    --color-gray-200: #E5E5E5;
    --color-gray-300: #D4D4D4;
    --color-gray-400: #A3A3A3;
    --color-gray-500: #777777;
    --color-gray-600: #555555;
    --color-gray-700: #404040;
    --color-gray-800: #262626;
    --color-gray-900: #171717;
    --color-gray-950: #0A0A0A;

    /* ==========================================================================
       Typography - Font Families
       ========================================================================== */
    --font-heading: 'Cormorant Garamond', Georgia, serif;
    --font-body: 'Outfit', system-ui, sans-serif;

    /* ==========================================================================
       Font Sizes (all rem, base 16px)
       ========================================================================== */
    --font-size-xs: 0.75rem;
    --font-size-sm: 0.875rem;
    --font-size-base: 1rem;
    --font-size-lg: 1.125rem;
    --font-size-xl: 1.25rem;
    --font-size-2xl: 1.5rem;
    --font-size-3xl: 2.25rem;
    --font-size-4xl: 3rem;
    --font-size-5xl: 3.5rem;
    --font-size-6xl: 4rem;
    --font-size-7xl: 4.5rem;

    /* ==========================================================================
       Border Radius (sharp corners by default)
       ========================================================================== */
    --border-radius-sm: 0px;
    --border-radius-md: 0px;
    --border-radius-lg: 0px;
    --border-radius-pill: 0px;

    /* ==========================================================================
       Spacing Scale (all rem)
       ========================================================================== */
    --spacing-xs: 0.5rem;
    --spacing-sm: 1rem;
    --spacing-md: 1.5rem;
    --spacing-lg: 2.5rem;
    --spacing-xl: 6rem;
    --spacing-2xl: 9rem;
    --spacing-3xl: 12rem;

    /* ==========================================================================
       Layout
       ========================================================================== */
    --container-max-width: 75rem;
    --container-padding: 1.5rem;
    --header-height: 4rem;

    /* ==========================================================================
       Shadows (none — flat design)
       ========================================================================== */
    --shadow-sm: none;
    --shadow-md: none;
    --shadow-lg: none;
    --shadow-header: none;

    /* ==========================================================================
       Transitions
       ========================================================================== */
    --transition-fast: 150ms ease;
    --transition-base: 250ms ease;
    --transition-slow: 350ms ease;

    /* ==========================================================================
       Gradient Definitions (solid colors for Swiss Elegant)
       ========================================================================== */
    --gradient-hero: none;
    --gradient-text-accent: #6B2D3C;
    --gradient-card-violet: #0A0A0A;
    --gradient-card-pink: #6B2D3C;
    --gradient-card-blue: #0A0A0A;
    --gradient-cta: #0A0A0A;
    --gradient-products-bg: #F5F5F5;
    --gradient-pillar-accent: #6B2D3C;

    /* ==========================================================================
       Animation Easings
       ========================================================================== */
    --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
    --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
    --ease-out-back: cubic-bezier(0.34, 1.3, 0.64, 1);
    --ease-in-out-quart: cubic-bezier(0.76, 0, 0.24, 1);

    /* ==========================================================================
       Animation Durations
       ========================================================================== */
    --duration-fast: 250ms;
    --duration-base: 400ms;
    --duration-slow: 600ms;
    --duration-reveal: 800ms;
    --duration-gradient: 8s;
    --duration-float: 6s;

    /* ==========================================================================
       Depth Shadows (none — flat design)
       ========================================================================== */
    --shadow-elevated: none;
    --shadow-glow-pink: none;
    --shadow-glow-violet: none;
    --shadow-card-hover: none;
  }
}