/**
 * Design tokens — direction « Éclat de jour » (choisie après exploration de
 * plusieurs pistes visuelles, session de refonte complète de l'UI).
 *
 * Source de vérité unique : remplace la duplication à l'identique des
 * variables `:root` qui existait dans landing.html (inline), pages.css,
 * auth.css et app.css. Câblage effectif de ce fichier dans ces 4 surfaces =
 * étape 3.0 du plan d'implémentation (pas encore fait ici).
 *
 * Noms conservés à l'identique malgré le changement de palette, parce que du
 * code existant s'y accroche directement :
 *   --paper-dim, --ink-soft   → src/app/public/views/calendar.js (inline var())
 *   --p-instagram/-facebook/-tiktok/-linkedin/-gbp → calendar.js + compose.js
 *   (couleurs de marque des réseaux eux-mêmes, indépendantes de l'identité
 *   Postberry — ne changent jamais avec la direction visuelle)
 */

@font-face {
  font-family: 'Archivo Black';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('./fonts/archivo-black-400.woff2') format('woff2');
}

@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('./fonts/work-sans-400.woff2') format('woff2');
}
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('./fonts/work-sans-500.woff2') format('woff2');
}
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('./fonts/work-sans-600.woff2') format('woff2');
}
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('./fonts/work-sans-700.woff2') format('woff2');
}

:root {
  /* --- Couleurs --- */
  --paper: #FCFCFA;
  --paper-dim: #F3F3F0;
  --ink: #1A1A1A;
  --ink-soft: #616161;
  --line: #EAEAE6;

  --sky: #4FA8E0;
  --sun: #FFD23F;
  --pink: #FF5FA0;
  --pink-soft: #FFE8F1;

  --danger: #D64545;
  --danger-soft: #FBEAEA;
  --success: #2F8F5B;
  --success-soft: #E7F5EC;
  --warn: #C98A1F;
  --warn-soft: #FBF1E1;

  /* Couleurs de marque des réseaux sociaux — fixes, jamais dérivées de la
     palette Postberry. */
  --p-instagram: #DD2A7B;
  --p-facebook: #1877F2;
  --p-tiktok: #111111;
  --p-linkedin: #0A66C2;
  --p-gbp: #34A853;

  /* --- Typographie --- */
  --font-display: 'Archivo Black', system-ui, sans-serif;
  --font-body: 'Work Sans', system-ui, sans-serif;
  --step: clamp(0.95rem, 0.82rem + 0.36vw, 1.28rem);
  --sp: clamp(0.85rem, 0.7rem + 0.5vw, 1.4rem);
  --text-xs: calc(var(--step) * 0.72);
  --text-sm: calc(var(--step) * 0.86);
  --text-md: var(--step);
  --text-lg: calc(var(--step) * 1.3);
  --text-xl: calc(var(--step) * 1.6);

  /* --- Radius --- */
  /* Direction volontairement anguleuse (poster/flat) — pas de coins
     arrondis sur les cartes/boutons, seul le radius-pill (badges, points de
     plateforme) reste circulaire. Rupture assumée avec l'ancien système
     (16-28px partout). */
  --radius-card: 0px;
  --radius-pill: 999px;

  /* --- Ombre --- */
  /* Ombre portée dure et décalée (border 2px + box-shadow plein, sans flou)
     plutôt que la douceur tintée de l'ancien système. */
  --shadow-flat: 4px 4px 0 var(--sky);

  /* --- Motion --- */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --motion-reveal: 0.6s ease;
  --motion-hover: 0.15s ease;
  /* Facteur de lissage (lerp) pour le fond organique piloté au pointeur —
     glissement continu, sans rebond (cf. retour utilisateur « moins bouncy »). */
  --pointer-ease: 0.032;
}

html {
  color-scheme: light;
}