/* ==========================================================================
   Bedoott — Tokens (Design System)
   --------------------------------------------------------------------------
   WordPress port note:
   These CSS custom properties map 1:1 to `theme.json` (FSE) or to
   Customizer settings. To register them as PHP-controlled, output this file
   from `header.php` with values pulled from `get_theme_mod()`.
   ========================================================================== */

:root {
  /* Core palette — from Manual Corporativo BeDOOTT 2024 */
  --ink:           #1A2533;
  --ink-soft:      #4A4846;
  --primary:       #416582;
  --primary-hover: #345470;
  --primary-soft:  #EAF0F5;
  --teal:          #7DBAB9;
  --teal-soft:     #D0E3E3;
  --plum:          #9F6176;
  --yellow:        #F6DF79;
  --coral:         #F28F6D;
  --olive:         #D1D872;

  --paper:        #FAF8F3;
  --paper-warm:   #F2EEE4;
  --stone:        #DDD9D0;
  --line:         #E5E0D4;
  --line-strong:  #C9C3B4;

  /* Semantic aliases */
  --bg:    var(--paper);
  --fg:    var(--ink);
  --muted: #6B6A67;

  /* Radii */
  --r-sm: 8px;
  --r-md: 14px;
  --r-lg: 22px;
  --r-xl: 32px;

  /* Shadows */
  --shadow-sm: 0 1px 2px rgba(26, 37, 51, 0.04), 0 2px 6px rgba(26, 37, 51, 0.04);
  --shadow-md: 0 4px 18px rgba(26, 37, 51, 0.07), 0 1px 3px rgba(26, 37, 51, 0.04);
  --shadow-lg: 0 24px 60px -20px rgba(26, 37, 51, 0.18), 0 2px 6px rgba(26, 37, 51, 0.04);

  /* Layout */
  --max:        1240px;
  --gutter:     clamp(20px, 4vw, 48px);
  --section-y:  clamp(72px, 9vw, 140px);

  /* Type families */
  --font-sans: 'Source Sans 3', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono: 'JetBrains Mono', 'Fraktion Mono', ui-monospace, monospace;
}