/* ─── Uniflo Brand — Identité visuelle officielle ─── */

/* Polices self-hosted (RGPD — pas de Google Fonts CDN) */
@font-face {
  font-family: 'Inter';
  src: url('/static/fonts/Inter-roman.var.woff2') format('woff2-variations');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Fraunces';
  src: url('/static/fonts/Fraunces-roman.var.woff2') format('woff2-variations');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

/* ─── Palette Uniflo ─── */
:root {
  /* Primaires — indigo Uniflo */
  --uf-primary: #6366F1;
  --uf-primary-dark: #4F46E5;
  --uf-primary-light: #A5B4FC;
  --uf-primary-bg: #EEF2FF;

  /* Accent — pour CTA secondaires, highlights, gradient */
  --uf-accent: #F472B6;       /* pink */
  --uf-accent-dark: #DB2777;

  /* Ink & Mist — textes et fonds */
  --uf-ink: #1E1B4B;          /* deep indigo-black, texte principal */
  --uf-ink-soft: #3730A3;     /* titres secondaires */
  --uf-mist: #F8FAFC;         /* fond clair */

  /* Neutres */
  --uf-neutral-900: #0F0F1A;
  --uf-neutral-700: #3F3F46;
  --uf-neutral-500: #71717A;
  --uf-neutral-300: #D4D4D8;
  --uf-neutral-100: #F4F4F5;
  --uf-neutral-50: #FAFAFA;

  /* Sémantiques */
  --uf-success: #059669;
  --uf-warning: #D97706;
  --uf-error: #DC2626;
  --uf-info: #0891B2;

  /* Gradient signature Uniflo */
  --uf-gradient: linear-gradient(135deg, #6366F1 0%, #A855F7 50%, #F472B6 100%);

  /* Typographie */
  --uf-font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --uf-font-display: 'Fraunces', Georgia, 'Times New Roman', serif;
  --uf-font-mono: 'JetBrains Mono', 'SF Mono', Consolas, monospace;

  /* Rayons */
  --uf-radius-sm: 6px;
  --uf-radius: 10px;
  --uf-radius-lg: 16px;
  --uf-radius-xl: 24px;

  /* Ombres douces teintées indigo */
  --uf-shadow-sm: 0 1px 2px rgba(99, 102, 241, 0.06);
  --uf-shadow: 0 4px 12px rgba(99, 102, 241, 0.08);
  --uf-shadow-lg: 0 12px 32px rgba(99, 102, 241, 0.12);
}

/* ─── Reset minimal ─── */
body {
  font-family: var(--uf-font-sans);
  color: var(--uf-ink);
  background: var(--uf-mist);
}

h1, h2, h3, .display {
  font-family: var(--uf-font-display);
  font-optical-sizing: auto;
  color: var(--uf-ink);
  letter-spacing: -0.02em;
}