/**
 * THÈME NEON - Énergie Cyberpunk
 */

:root {
    /**
     * Polices géométriques pour esthétique futuriste
     */
    --font-body: Avenir, Montserrat, Corbel, 'URW Gothic', source-sans-pro, sans-serif;
    --font-heading: Avenir, Montserrat, Corbel, 'URW Gothic', source-sans-pro, sans-serif;
    --font-mono: ui-monospace, 'Cascadia Code', Menlo, monospace;

    /**
     * Cyan néon ultra-vif
     * OKLCH: 75% luminosité, 0.25 chroma, 210° teinte
     * Chroma élevé pour effet néon maximal
     */
    --color-primary: oklch(75% 0.25 210);
    --color-primary-light: oklch(82% 0.25 210);
    --color-primary-dark: oklch(65% 0.25 210);
    --color-primary-subtle: oklch(15% 0.08 210);

    /**
     * Magenta néon vibrant
     */
    --color-secondary: oklch(70% 0.28 330);
    --color-secondary-light: oklch(78% 0.28 330);
    --color-secondary-dark: oklch(60% 0.28 330);

    /**
     * Vert néon acide
     */
    --color-tertiary: oklch(85% 0.24 130);

    /**
     * Noirs profonds avec teinte violette
     */
    --color-background: oklch(12% 0.02 280);
    --color-surface: oklch(16% 0.025 280);
    --color-surface-elevated: oklch(20% 0.03 280);
    --color-surface-hover: oklch(24% 0.03 280);

    /**
     * Blancs bleutés
     */
    --color-text: oklch(96% 0.01 240);
    --color-text-muted: oklch(75% 0.02 240);
    --color-text-subtle: oklch(55% 0.02 240);
    --color-text-inverse: oklch(15% 0.02 280);

    --color-success: oklch(85% 0.24 130);
    --color-success-light: oklch(90% 0.24 130);

    --color-warning: oklch(80% 0.22 70);
    --color-warning-light: oklch(85% 0.22 70);

    --color-error: oklch(65% 0.26 15);
    --color-error-light: oklch(72% 0.26 15);

    --color-info: oklch(75% 0.25 210);
    --color-info-light: oklch(82% 0.25 210);

    --color-border: oklch(28% 0.03 280);
    --color-border-hover: oklch(38% 0.04 280);
    --color-border-focus: var(--color-primary);

    /**
     * Lueurs néon plutôt qu'ombres
     */
    --shadow-xs: 0 0 5px oklch(75% 0.25 210 / 0.3);
    --shadow-sm: 0 0 10px oklch(75% 0.25 210 / 0.4);
    --shadow-md: 0 0 15px oklch(75% 0.25 210 / 0.4);
    --shadow-lg: 0 0 25px oklch(75% 0.25 210 / 0.5);
    --shadow-xl: 0 0 40px oklch(75% 0.25 210 / 0.6);

    --text-xs: 0.75rem;
    --text-sm: 0.875rem;
    --text-base: 1rem;
    --text-lg: 1.125rem;
    --text-xl: 1.375rem;
    --text-2xl: 1.75rem;
    --text-3xl: 2.25rem;
    --text-4xl: 3rem;
    --text-5xl: 4rem;

    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;

    --line-height-tight: 1.2;
    --line-height-normal: 1.5;
    --line-height-relaxed: 1.7;

    --spacing-xs: 0.5rem;
    --spacing-sm: 0.75rem;
    --spacing-md: 1rem;
    --spacing-lg: 1.5rem;
    --spacing-xl: 2rem;
    --spacing-2xl: 3rem;
    --spacing-3xl: 4rem;
    --spacing-4xl: 6rem;

    --radius-sm: 0.25rem;
    --radius-md: 0.5rem;
    --radius-lg: 0.75rem;
    --radius-xl: 1rem;
    --radius-2xl: 1.5rem;
    --radius-full: 9999px;

    --border-width: 1px;
    --border-width-thick: 2px;

    --transition-fast: 100ms ease-in-out;
    --transition-base: 150ms ease-in-out;
    --transition-slow: 250ms ease-in-out;

    --max-width-prose: 65ch;
    --max-width-container: 1280px;
    --max-width-narrow: 768px;
    --max-width-wide: 1536px;
}