/* Astuce PC — tokens.css (DA v4 « glacée électrique »). Variables uniquement. Elementor : Réglages du site → Couleurs et Polices globales. */
:root {
  /* Bleus. TODO client : poser le bleu des affiches dans --brand-500 et rééchelonner. */
  --brand-50:  #EEF3F9;
  --brand-100: #DCE6F3;
  --brand-200: #B3C8E4;
  --brand-300: #7FA3D0;
  --brand-400: #4A7DBA;
  --brand-500: #1F5AA6; /* TODO : bleu client provisoire */
  --brand-600: #174A8C;
  --brand-700: #123A70;
  --brand-800: #0E2B54;
  --brand-900: #0A1E3A;
 
  --electric-500: #2A68D4;
  --electric-400: #4D8BFF;
  --gradient-cta: linear-gradient(135deg, var(--brand-800) 0%, var(--brand-500) 45%, var(--electric-500) 100%);
  --gradient-cta-hover: linear-gradient(135deg, var(--brand-900) 0%, var(--brand-600) 45%, var(--brand-500) 100%);
  --gradient-cta-on-dark: linear-gradient(135deg, var(--brand-500) 0%, var(--electric-500) 100%);
  --gradient-line: linear-gradient(90deg, var(--brand-500), var(--electric-400));
  --gradient-text: linear-gradient(90deg, var(--brand-700), var(--electric-500));
  --glow-cta: 0 12px 32px -12px rgba(46, 111, 224, 0.6);
  --glow-hero: radial-gradient(55% 60% at 82% 18%, rgba(77, 139, 255, 0.32), transparent 70%), radial-gradient(40% 50% at 10% 90%, rgba(31, 90, 166, 0.45), transparent 70%);
  --arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232A68D4' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E");
  --dots: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28'%3E%3Ccircle cx='1.5' cy='1.5' r='1.5' fill='%23FAF9F7' fill-opacity='0.14'/%3E%3C/svg%3E");
  --gradient-border: linear-gradient(135deg, rgba(77, 139, 255, 0.7), rgba(77, 139, 255, 0.08) 60%, rgba(46, 111, 224, 0.35));
  --gradient-hl: linear-gradient(90deg, #4D8BFF, #8FB8FF);
 
  --paper-50:  #F3F6FB;
  --paper-100: #E8EEF7;
  --paper-0:   #FCFDFE;
 
 
  --error-600: #A32D2D;
  --ok-600:    #1E6B45;
  --ok-50:     #E9F3ED;
  --todo-bg:   #FFF1D6;
  --todo-fg:   #6B4300;
 
  --color-bg:           var(--paper-50);
  --color-bg-alt:       var(--paper-100);
  --color-surface:      var(--paper-0);
  --color-surface-tint: var(--paper-100);
  --color-text:         var(--brand-900);
  --color-text-soft:    var(--brand-700);
  --color-link:         var(--brand-600);
  --color-rule:         var(--brand-100);
  --color-rule-card:    var(--brand-200);
  --color-rule-strong:  var(--brand-400);
  --color-focus:        var(--brand-500);
  --color-dark:         #0A1C45;
  --color-on-dark:      var(--paper-50);
  --color-on-dark-soft: var(--brand-100);
  --color-rule-dark:    rgba(250, 249, 247, 0.14);
  --color-on-dark-rule-strong: rgba(250, 249, 247, 0.55);
  --color-on-dark-hover: rgba(250, 249, 247, 0.1);
 
  --font-display: "Manrope", "Helvetica Neue", Arial, sans-serif;
  --font-text: "Atkinson Hyperlegible Next", "Atkinson Hyperlegible", "Helvetica Neue", Arial, sans-serif;
  --text-1: 1.125rem;
  --text-2: 1.40625rem;
  --text-3: 1.75rem;
  --text-4: 2.1875rem;
  --text-5: 2.75rem;
  --text-6: 3.4375rem;
  --text-7: 4.3125rem;
  --text-8: 5.25rem;
  --leading-body: 1.65;
  --leading-snug: 1.2;
  --leading-tight: 1.02;
  --tracking-display: -0.035em;
  --tracking-caps: 0.1em;
  --weight-regular: 400;
  --weight-semibold: 600;
  --weight-bold: 700;
  --weight-black: 800;
  --measure: 42rem;
 
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2rem;
  --space-6: 3rem;
  --space-7: 4rem;
  --space-8: 6rem;
  --space-9: 8rem;
  --space-10: 10rem;
  --section-y: clamp(4.5rem, 8vw, 7.5rem);
  --container: 75rem;
  --container-wide: 90rem;
  --gutter: 1rem;
 
  --tap-min: 3rem;
  --control-h: 3.5rem;
 
  --radius-md: 1rem;
  --radius-lg: 1.5rem;
  --radius-xl: 2rem;
  --radius-2xl: 2.5rem;
  --radius-pill: 999px;
 
  --shadow-photo: 0 40px 80px -36px rgba(10, 30, 58, 0.6);
  --shadow-card: 0 1px 2px rgba(10, 30, 58, 0.04), 0 16px 40px -24px rgba(10, 30, 58, 0.22);
  --shadow-card-hover: 0 2px 4px rgba(10, 30, 58, 0.05), 0 28px 56px -28px rgba(10, 30, 58, 0.3);
 
  --bp-sm: 40em;
  --bp-md: 48em;
  --bp-lg: 64em;
  --bp-xl: 96em;
 
  --google-rating: "TODO";
  --google-count:  "TODO";
}
@media (min-width: 48em) {
  :root { --gutter: 2rem; }
}