/* ============================================================
   TECNOMOTION V2 - DESIGN TOKENS
   Paleta: Lavanda Grisácea y Menta Suave
   ============================================================ */

:root {
    /* --- Base Colors (HEX) --- */
    --v2-primary: #C3B1E1;        /* Lavanda Grisácea - títulos de sección, tarjetas */
    --v2-primary-hover: #a68fc9;
    --v2-primary-light: #f4f1fa;  /* Fondo suave derivado del primario */
    --v2-primary-soft: rgba(195, 177, 225, 0.15);

    --v2-cta: #E2DAF2;            /* Lila Polvoriento - botones CTA */
    --v2-cta-hover: #d3c5ea;

    --v2-secondary: #36454F;      /* Gris Carbono - texto principal / profesional */
    --v2-accent: #B2DFDB;         /* Menta Pálido - fondo sección testimonios */
    --v2-metal: #C0C0C0;          /* Gris Acero/Plata - elementos de UI metálicos */
    --v2-gold: #C9A96A;           /* Dorado sutil - acentos finos */
    --v2-gold-rgb: 201, 169, 106;

    --v2-white: #ffffff;
    --v2-gray-50: #f8f9fa;   /* Near white background */
    --v2-gray-100: #f1f3f5;
    --v2-gray-200: #e9ecef;
    --v2-gray-400: #adb5bd;
    --v2-gray-600: #6c757d;
    --v2-gray-800: #343a40;
    --v2-black: #1a1a1a;

    /* --- RGB Components --- */
    --v2-primary-rgb: 195, 177, 225;
    --v2-accent-rgb: 178, 223, 219;
    --v2-black-rgb: 26, 26, 26;

    /* --- Warm Base Background (flat neutral beige/gray hybrid) --- */
    --v2-warm-gray: #F1ECE6;

    /* --- Semantic UI Colors --- */
    --v2-bg-body: var(--v2-warm-gray);
    --v2-bg-soft: var(--v2-gray-50);
    --v2-bg-accent: var(--v2-primary-light);
    --v2-bg-testimonial: var(--v2-accent);

    --v2-text-main: var(--v2-secondary);
    --v2-text-title: var(--v2-secondary);
    --v2-text-muted: var(--v2-gray-600);
    --v2-text-white: var(--v2-white);

    /* --- Typography (ref: ouraring.com — AkkuratLL / Editorial New) --- */
    --v2-font-main: 'Inter', sans-serif;        /* Texto / UI, equivalente libre de AkkuratLL */
    --v2-font-accent: 'Fraunces', serif;        /* Títulos, equivalente libre de Editorial New */
    
    /* --- Layout & Spacing --- */
    --v2-container-max: 1280px;
    --v2-section-padding: 100px 20px;
    --v2-header-height: 80px;
    
    /* --- Effects --- */
    --v2-shadow-soft: 0 4px 20px rgba(0, 0, 0, 0.05);
    --v2-shadow-medium: 0 10px 30px rgba(0, 0, 0, 0.08);
    --v2-radius-sm: 8px;
    --v2-radius-md: 16px;
    --v2-radius-lg: 24px;
    
    /* Transition */
    --v2-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

*, *::before, *::after {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

/* Base reset for light mode */
body {
    margin: 0;
    background-color: var(--v2-bg-body);
    color: var(--v2-text-main);
    font-family: var(--v2-font-main);
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    position: relative;
}

h1, h2, h3, h4 {
    color: var(--v2-text-title);
    font-family: var(--v2-font-accent);
    font-weight: 700;
}