/* Hoshi TCG — tokens « Afterglow » (design importée de Claude Design, voir claude_design/).
   Ambiance nuit bleu-nuit, accent périwinkle #bcd7ff (pas d'or), typo Jost fine à tracking large. */
:root {
  /* Fonds — bleu-nuit profond, jamais de noir pur */
  --bg: #05070d;
  --bg-deep: #080c16;
  --bg-raised: #0b101d;
  --bg-card: #0f1727;
  --bg-overlay: rgba(6, 9, 16, 0.86);

  /* Encres */
  --ink: #e7eefb;
  --ink-soft: #dce8fb;
  --ink-dim: #7d93b8;
  --ink-faint: #556884;

  /* Accent — périwinkle bleu-blanc (le cœur d'Afterglow) */
  --accent: #bcd7ff;
  --accent-deep: #82b4e8;
  --accent-soft: rgba(188, 215, 255, 0.12);
  /* Alias legacy : l'ancien code utilise --gold, on le repointe sur l'accent Afterglow */
  --gold: #bcd7ff;
  --gold-deep: #82b4e8;
  --gold-soft: rgba(188, 215, 255, 0.12);

  /* Tiers de rareté — palette « Anime TCG Card Design » (Claude Design, 2026-07-28) : E→S =
     common→mythic. Reprend les couleurs du handoff, sur les mêmes 6 tiers déjà en place
     (Standard→Commune→Rare→Épique→Légendaire→Mythique = Common→Uncommon→Rare→Epic→Legendary→Mythic). */
  --tier-e: #b8bcc4;   /* common  — gris */
  --tier-d: #33d17a;   /* uncommon — vert */
  --tier-c: #4da8ff;   /* rare — bleu */
  --tier-b: #b356ff;   /* epic — violet */
  --tier-a: #ffb340;   /* legendary — or/orange */
  --tier-s: #ff3d6e;   /* mythic — rose (teinte dominante du dégradé conique) */
  /* Composantes du dégradé conique mythique (6 teintes façon arc-en-ciel du handoff) */
  --tier-s1: #ff3d6e;
  --tier-s2: #ffb340;
  --tier-s3: #ffe45e;
  --tier-s4: #5ee6a8;
  --tier-s5: #4da8ff;
  --tier-s6: #b356ff;
  /* Cadres de carte : dégradé métallique clair-foncé-clair par tier (linéaire), conique pour S */
  --frame-e: linear-gradient(135deg, #7d818c, #c9ccd3, #7d818c);
  --frame-d: linear-gradient(135deg, #1c8a4a, #8cffb8, #1c8a4a);
  --frame-c: linear-gradient(135deg, #1c5aae, #7fd3ff, #1c5aae);
  --frame-b: linear-gradient(135deg, #621fae, #e29bff, #621fae);
  --frame-a: linear-gradient(135deg, #a5680d, #ffd77a, #a5680d);
  --frame-s: conic-gradient(from 0deg, var(--tier-s1), var(--tier-s2), var(--tier-s3), var(--tier-s4), var(--tier-s5), var(--tier-s6), var(--tier-s1));

  /* Sémantique */
  --success: #8fd6a5;
  --danger: #ff8fa0;
  --border: rgba(188, 215, 255, 0.16);
  --border-strong: rgba(188, 215, 255, 0.32);

  /* Typo — Jost partout, la hiérarchie vient du poids + tracking */
  --font-display: 'Jost', 'Segoe UI', system-ui, sans-serif;
  --font-body: 'Jost', 'Segoe UI', system-ui, sans-serif;
  --track: 0.02em;      /* tracking de base */
  --track-wide: 0.16em; /* titres / labels */

  /* Rythme (grille 4/8px) */
  --s1: 4px;  --s2: 8px;  --s3: 12px; --s4: 16px;
  --s5: 24px; --s6: 32px; --s7: 48px; --s8: 64px;

  /* Rayons — Afterglow est anguleux (petits rayons) */
  --r-sm: 3px; --r-md: 5px; --r-lg: 8px; --r-pill: 999px;
  --shadow-1: 0 2px 10px rgba(0, 0, 0, 0.45);
  --shadow-2: 0 12px 40px rgba(0, 0, 0, 0.6);

  /* Motion */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-spring: cubic-bezier(0.2, 0.8, 0.2, 1);
  --t-fast: 150ms;
  --t-med: 250ms;
  --t-slow: 450ms;

  /* Ratio carte (portrait TCG) */
  --card-ratio: 250 / 356;
}

/* Reset minimal */
*, *::before, *::after { box-sizing: border-box; }
[hidden] { display: none !important; }
* { margin: 0; }
/* Pas de sélection texte/image (UX de jeu) — réactivée sur les champs de saisie */
html { -webkit-text-size-adjust: 100%; -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; }
input, textarea, select, [contenteditable] { -webkit-user-select: text; -moz-user-select: text; user-select: text; }
img, svg { display: block; max-width: 100%; -webkit-user-drag: none; user-drag: none; }
input, button, textarea, select { font: inherit; color: inherit; }
button { cursor: pointer; background: none; border: none; }
a { color: inherit; }