/* =============================================
   Design Tokens — Mercuriale.io
   Source de verite pour couleurs, espacements,
   ombres, radius et transitions.
   ============================================= */

:root {
    /* ── Brand Colors ── */
    --mercuriale-navy: #1e3a5f;
    --mercuriale-navy-light: #2c4a6e;
    --mercuriale-navy-dark: #152a47;
    --mercuriale-coral: #f07560;
    --mercuriale-coral-light: #f59485;
    --mercuriale-coral-dark: #e55a43;
    --mercuriale-gold: #d4a84b;
    --mercuriale-gold-light: #e0be6e;
    --mercuriale-cream: #f5f0e6;
    --mercuriale-cream-dark: #e8e0d0;

    /* ── Semantic Colors ── */
    --color-success: #2d6a4f;
    --color-success-light: #40916c;
    --color-success-bg: #dcfce7;
    --color-danger: #dc2626;
    --color-danger-light: #ef4444;
    --color-danger-bg: #fee2e2;
    --color-warning: #92400e;
    --color-warning-light: #d97706;
    --color-warning-bg: #fef3c7;

    /* ── Spacing Scale ── */
    --space-xs: 0.25rem;
    --space-sm: 0.5rem;
    --space-md: 1rem;
    --space-lg: 1.5rem;
    --space-xl: 2rem;

    /* ── Border Radius ── */
    --radius-sm: 0.375rem;
    --radius-md: 0.5rem;
    --radius-lg: 0.75rem;
    --radius-xl: 1rem;
    --radius-full: 9999px;

    /* ── Shadows ── */
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);

    /* ── Touch Target ── */
    --touch-target-min: 44px;

    /* ── Transitions ── */
    --transition-fast: 0.15s ease;
    --transition-normal: 0.2s ease;
    --transition-slow: 0.3s ease;

    /* ── Tile Colors (maquette palette) ── */
    --tile-navy: var(--mercuriale-navy);
    --tile-coral: var(--mercuriale-coral);
    --tile-gold: var(--mercuriale-gold);
    --tile-green: #2d6a4f;
    --tile-orange: #ea580c;
    --tile-blue: #2563eb;

    /* ── Z-Index Scale ── */
    --z-header: 100;
    --z-toast: 1060;
    --z-modal-backdrop: 1070;
    --z-modal: 1080;

    /* ── Typography ── */
    --font-family-base: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    --text-xs: 0.75rem;
    --text-sm: 0.875rem;
    --text-base: 0.9375rem;
    --text-lg: 1.125rem;
    --text-xl: 1.25rem;
    --text-2xl: 1.5rem;
}