/* ==========================================================================
   Le Taillant — CISEAUX theme (design tokens only)
   The one stylesheet that is allowed to differ from the sister site
   (le-taillant.com / couteaux): brand colors, fonts, and the RGB triplets
   the shared base.css derives its tinted shadows/glows from. Loaded BEFORE
   base.css in partials/head.php.
   ========================================================================== */

/* Coolors palette — https://coolors.co/391ec9-0b0710-f8f0fc-931904-33279c */
:root {
  --ultrasonic-blue: #391EC9;
  --international-klein-blue: #33279C;
  --black: #0B0710;
  --lavender-mist: #F8F0FC;

  --e1-color: var(--ultrasonic-blue);
  --e1-rgb: 57,30,201;              /* rgb of --e1-color, for tinted shadows */
  --e2-color: color-mix(in srgb, var(--ultrasonic-blue) 42%, white);
  --back-color: var(--black);
  --fore-color: #FFFFFF;
  --secondary-fore-color: #9891a0;
  --secondary-back-color: #555555;
  --warning-color: #E6C300;
  --success-color: #4CAF50;
  --error-color: #931904;

  --paper: var(--lavender-mist);
  --paper-raised: #FFFFFF;
  --ink: var(--black);
  --ink-rgb: 11,7,16;               /* rgb of --ink, for neutral shadows */
  --ink-soft: color-mix(in srgb, var(--black) 60%, var(--lavender-mist));
  --hairline: rgba(var(--ink-rgb),0.10);
  --hairline-dark: rgba(255,255,255,0.12);

  /* Squared-off buttons, matching the sister site — small corner radius
     instead of base.css's shared pill default. Per Arnaud 2026-08-22:
     "harmonise les boutons... moins rond, plus carré". */
  --btn-radius: .5rem;

  --font-body: 'Host Grotesk', 'Inter', sans-serif;
  --font-display: 'Petrona', 'Iowan Old Style', 'Palatino Linotype', serif;
}