/**
 * THÈME MINIMAL - Élégance du Vide
 */

:root {
    /**
     * Classical Humanist pour élégance intemporelle
     */
    --font-body: Optima, Candara, 'Noto Sans', source-sans-pro, sans-serif;
    --font-heading: Optima, Candara, 'Noto Sans', source-sans-pro, sans-serif;
    --font-mono: ui-monospace, 'SF Mono', Menlo, Consolas, monospace;

    /**
     * Noir riche
     * OKLCH: 22% luminosité, 0.005 chroma minimal
     */
    --color-primary: oklch(22% 0.005 0);
    --color-primary-light: oklch(32% 0.005 0);
    --color-primary-dark: oklch(15% 0.005 0);
    --color-primary-subtle: oklch(95% 0.003 0);

    /**
     * Gris moyen
     */
    --color-secondary: oklch(52% 0.005 0);
    --color-secondary-light: oklch(62% 0.005 0);
    --color-secondary-dark: oklch(42% 0.005 0);

    /**
     * Progression de blancs cassés
     */
    --color-background: oklch(98% 0.002 0);
    --color-surface: oklch(96% 0.002 0);
    --color-surface-elevated: oklch(100% 0 0);
    --color-surface-hover: oklch(94% 0.003 0);

    /**
     * Échelle de gris perceptuellement uniforme
     */
    --color-text: oklch(22% 0.005 0);
    --color-text-muted: oklch(42% 0.004 0);
    --color-text-subtle: oklch(62% 0.003 0);
    --color-text-inverse: oklch(98% 0.002 0);

    /**
     * Couleurs sémantiques très désaturées
     */
    --color-success: oklch(45% 0.06 145);
    --color-success-light: oklch(55% 0.06 145);

    --color-warning: oklch(55% 0.08 70);
    --color-warning-light: oklch(65% 0.08 70);

    --color-error: oklch(45% 0.10 25);
    --color-error-light: oklch(55% 0.10 25);

    --color-info: oklch(50% 0.07 240);
    --color-info-light: oklch(60% 0.07 240);

    --color-border: oklch(90% 0.002 0);
    --color-border-hover: oklch(80% 0.003 0);
    --color-border-focus: var(--color-primary);

    /**
     * Ombres extrêmement subtiles
     */
    --shadow-xs: 0 1px 2px 0 oklch(0% 0 0 / 0.02);
    --shadow-sm: 0 1px 3px 0 oklch(0% 0 0 / 0.03);
    --shadow-md: 0 4px 6px -1px oklch(0% 0 0 / 0.04);
    --shadow-lg: 0 10px 15px -3px oklch(0% 0 0 / 0.05);
    --shadow-xl: 0 20px 25px -5px oklch(0% 0 0 / 0.05);

    /**
     * Échelle typographique basée sur ratio d'or
     */
    --text-xs: 0.618rem;
    --text-sm: 0.75rem;
    --text-base: 1rem;
    --text-lg: 1.125rem;
    --text-xl: 1.618rem;
    --text-2xl: 2.618rem;
    --text-3xl: 4.236rem;
    --text-4xl: 6.854rem;
    --text-5xl: 11.089rem;

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

    --line-height-tight: 1.4;
    --line-height-normal: 1.7;
    --line-height-relaxed: 2.0;

    /**
     * Espacements généreux pour respiration
     */
    --spacing-xs: 0.5rem;
    --spacing-sm: 1rem;
    --spacing-md: 2rem;
    --spacing-lg: 3rem;
    --spacing-xl: 4rem;
    --spacing-2xl: 6rem;
    --spacing-3xl: 8rem;
    --spacing-4xl: 12rem;

    /**
     * Rayons minimaux
     */
    --radius-sm: 2px;
    --radius-md: 4px;
    --radius-lg: 6px;
    --radius-xl: 8px;
    --radius-2xl: 12px;
    --radius-full: 9999px;

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

    --transition-fast: 200ms cubic-bezier(0.4, 0, 0.2, 1);
    --transition-base: 300ms cubic-bezier(0.4, 0, 0.2, 1);
    --transition-slow: 500ms cubic-bezier(0.4, 0, 0.2, 1);

    --max-width-prose: 60ch;
    --max-width-container: 1024px;
    --max-width-narrow: 640px;
    --max-width-wide: 1280px;
}