/**
 * Kolirys Design Tokens
 * Source unique — aligné sur l'application mobile (config/stylesV2.js)
 */

:root {
    /* Marque */
    --k-brand-primary: #0f2f4b;
    --k-brand-secondary: #1d5f92;
    --k-brand-deep: #0b2439;
    --k-brand-light: #3d8fd4;
    --k-brand-gradient: linear-gradient(135deg, #0b2439 0%, #123a5c 50%, #1d5f92 100%);
    --k-brand-gradient-soft: linear-gradient(180deg, #f4f9fd 0%, #ffffff 40%, #fafcfe 100%);
    --k-brand-glow: radial-gradient(ellipse 80% 60% at 70% 0%, rgba(29, 95, 146, 0.18) 0%, transparent 70%);

    /* Surfaces */
    --k-surface-page: #fafcfe;
    --k-surface-app: #eaf2f9;
    --k-surface-card: #ffffff;
    --k-surface-elevated: #f6fafd;
    --k-surface-muted: #eef4fa;
    --k-surface-dark: #0f2f4b;
    --k-surface-dark-soft: #163d5c;

    /* Texte */
    --k-text-primary: #0f2a3f;
    --k-text-secondary: #4a6d8a;
    --k-text-muted: #8aa8c0;
    --k-text-on-brand: #ffffff;
    --k-text-accent-on-brand: #b8dcff;

    /* Sémantique */
    --k-success: #1fa56c;
    --k-success-soft: #e6f7ef;
    --k-success-border: #a8dfc4;
    --k-danger: #d34a56;
    --k-info: #1e5f93;
    --k-info-soft: #e8f2fb;
    --k-warning: #e58c3c;
    --k-warning-soft: #fef4e8;
    --k-accent-highlight: #1fa56c;

    /* Bordures */
    --k-border-subtle: #e2ecf5;
    --k-border-default: #cddfea;
    --k-border-strong: #7fb2db;
    --k-border-on-brand: rgba(255, 255, 255, 0.15);

    /* Ombres */
    --k-shadow-xs: 0 1px 3px rgba(15, 47, 75, 0.04);
    --k-shadow-sm: 0 4px 16px rgba(15, 47, 75, 0.06);
    --k-shadow-md: 0 12px 32px rgba(15, 47, 75, 0.08);
    --k-shadow-lg: 0 24px 56px rgba(15, 47, 75, 0.12);
    --k-shadow-xl: 0 32px 80px rgba(15, 47, 75, 0.16);
    --k-shadow-glow: 0 20px 60px rgba(29, 95, 146, 0.22);
    --k-shadow-card-hover: 0 16px 40px rgba(15, 47, 75, 0.1);

    /* Rayons */
    --k-radius-sm: 10px;
    --k-radius-md: 16px;
    --k-radius-lg: 20px;
    --k-radius-xl: 28px;
    --k-radius-2xl: 36px;
    --k-radius-pill: 999px;

    /* Espacements */
    --k-spacing-xs: 8px;
    --k-spacing-sm: 12px;
    --k-spacing-md: 16px;
    --k-spacing-lg: 24px;
    --k-spacing-xl: 32px;
    --k-spacing-2xl: 48px;
    --k-spacing-3xl: 64px;
    --k-spacing-4xl: 96px;
    --k-spacing-5xl: 128px;

    /* Typographie */
    --k-font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --k-font-display: 'Open Sans', sans-serif;
    --k-font-size-xs: 0.8125rem;
    --k-font-size-sm: 0.9375rem;
    --k-font-size-base: 1.0625rem;
    --k-font-size-md: 1.1875rem;
    --k-font-size-lg: 1.375rem;
    --k-font-size-xl: 1.75rem;
    --k-font-size-2xl: 2.25rem;
    --k-font-size-3xl: 2.875rem;
    --k-font-size-4xl: 3.5rem;
    --k-font-weight-regular: 400;
    --k-font-weight-medium: 500;
    --k-font-weight-semibold: 600;
    --k-font-weight-bold: 700;
    --k-font-weight-extrabold: 800;
    --k-line-height-tight: 1.12;
    --k-line-height-snug: 1.3;
    --k-line-height-normal: 1.6;
    --k-line-height-relaxed: 1.75;
    --k-letter-tight: -0.03em;
    --k-letter-wide: 0.04em;

    /* Transitions */
    --k-ease-out: cubic-bezier(0.22, 1, 0.36, 1);
    --k-transition-fast: 150ms var(--k-ease-out);
    --k-transition-base: 280ms var(--k-ease-out);

    /* Layout */
    --k-container-max: 1140px;
    --k-container-wide: 1240px;
    --k-hero-centered-max: 920px;
    --k-nav-height: 76px;

    /* Boutons */
    --k-btn-primary-bg: var(--k-brand-secondary);
    --k-btn-primary-hover: #2470ad;
    --k-btn-cta-bg: var(--k-success);
    --k-btn-cta-hover: #1a8f5d;
}