/* ============================================================
   PF2026 — Design Tokens (CSS Custom Properties)
   Source : Pokemon-France.com Redesign/css/style.css
   ============================================================ */

:root {
  /* Base neutrals */
  --cream:        #F7F6F2;
  --white:        #FFFFFF;
  --ink:          #0D0D1C;
  --ink-mid:      #2C2C44;
  --ink-light:    #6B6B8A;
  --ink-faint:    #A4A4BE;
  --border:       #E3E3EF;
  --border-light: #EDEDF8;

  /* Brand */
  --yellow:      #FFCB05;
  --yellow-dark: #E6B600;
  --yellow-bg:   #FFFBEB;
  --red:         #CC0000;
  --red-bg:      #FFF0F0;
  --blue:        #1A3A8F;
  --blue-bg:     #EEF2FF;
  --green:       #16A34A;

  /* Pokémon types — sémantique pour codage couleur (cf. taxonomie pokemon_type) */
  --type-normal:   #9FA19F;
  --type-feu:      #E62829;
  --type-eau:      #2980EF;
  --type-insecte:  #91A119;
  --type-vol:      #82BAEF;
  --type-poison:   #9141CB;
  --type-sol:      #C0853A;
  --type-roche:    #AFA981;
  --type-combat:   #FF8000;
  --type-psy:      #EF4179;
  --type-spectre:  #704170;
  --type-glace:    #3DCEF3;
  --type-dragon:   #5060E1;
  --type-tenebre:  #624D4E;
  --type-acier:    #60A1B8;
  --type-fee:      #EF70EF;
  --type-electrik: #FAC000;
  --type-plante:   #3FA129;

  /* Shadows */
  --shadow-xs: 0 1px 3px  rgba(13,13,28,.05);
  --shadow-sm: 0 2px 8px  rgba(13,13,28,.08);
  --shadow-md: 0 8px 24px rgba(13,13,28,.10);
  --shadow-lg: 0 16px 48px rgba(13,13,28,.14);
  --shadow-xl: 0 24px 64px rgba(13,13,28,.18);

  /* Border radii */
  --r-xs:   6px;
  --r-sm:   10px;
  --r-md:   16px;
  --r-lg:   22px;
  --r-xl:   32px;
  --r-full: 9999px;

  /* Typography */
  --font: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;

  /* Layout */
  --max-w:  1280px;
  --gutter: 28px;
}