/* ═════════════════════════════════════════════════════════════════════════
   AIBP Academy — Design tokens (1 source of truth)

   Minden platform-oldal innen veszi a színeit, fontjait, spacing-jét.
   Felülírja a paper-bg.css és theme-notebook.css default :root vars-jait
   (azok megmaradnak fallbacknak, de a tokens itt élesedik).

   Ne tegyél ide oldal-specifikus styling-et — csak vars.
   ═════════════════════════════════════════════════════════════════════════ */

:root {
  /* ─────── Paper / surface ─────── */
  --paper:        #FBFAF4;
  --paper-2:      #F5F2E9;
  --paper-3:      #EFEBDF;
  --paper-warm:   #FBFAF4;       /* legacy alias */
  --paper-warm-tint: #F5F3EA;    /* legacy alias */
  --paper-bg:     #FBFAF4;       /* paper-bg.css compat */
  --paper-bg-dark: #F5F3EA;      /* paper-bg.css compat */

  /* ─────── Ink (text) ─────── */
  --ink:        #1A1815;
  --ink-soft:   #2a2722;
  --ink-mid:    #4a4540;
  --ink-muted:  #6b6660;
  --ink-faint:  #9b958c;

  /* ─────── Hairlines / borders ─────── */
  --hair:         rgba(0,0,0,0.07);
  --hair-strong:  rgba(0,0,0,0.14);
  --hair-dashed:  rgba(0,0,0,0.18);
  --border-faint: rgba(0,0,0,0.10);

  /* ─────── Brand accent — lila ─────── */
  --accent:               #783FF3;
  --accent-soft:          rgba(120,63,243,0.12);
  --accent-strong:        #5d24d0;
  --accent-deep:          #4F1FB8;
  /* Legacy alias-ok (landing.css + app.css + 00-intro.html) */
  --academy-accent:       #783FF3;
  --academy-accent-soft:  rgba(120,63,243,0.12);
  --academy-accent-strong:#5d24d0;
  --ink-purple:           #783FF3;  /* paper-bg.css alias */

  /* ─────── Brand secondary ─────── */
  --accent-yellow:  #FFE94D;
  --accent-green:   #00823C;
  --accent-orange:  #D9621F;
  /* Legacy alias-ok */
  --academy-yellow: #FFE94D;
  --academy-green:  #00823C;
  --academy-orange: #D9621F;
  --ink-yellow:     #FDD835;
  --ink-orange:     #FA7E00;
  --ink-blue:       #2563eb;

  /* ─────── AI Budapest (parent brand — footer / family section) ─────── */
  --aibp-dark:    #0a0a0a;
  --aibp-cream:   #F5F0E8;
  --aibp-mauve:   #C4A7E7;

  /* ─────── Dark surface (skill detail hero, footer) ─────── */
  --dark:       #1A1714;
  --dark-2:     #2A231D;
  --dark-text:  #F0E9DC;
  --dark-soft:  #A89D8B;

  /* ─────── Skill-library 5-tone (CSAK a skill-library context-ben) ─────── */
  --tone-lila:        #783FF3;
  --tone-lila-soft:   rgba(120,63,243,0.10);
  --tone-lila-deep:   #4F1FB8;
  --tone-peach:       #E08960;
  --tone-peach-vivid: #FA9560;
  --tone-peach-deep:  #B96638;
  --tone-green:       #6BB058;
  --tone-green-vivid: #4A9B3D;
  --tone-green-deep:  #2C4A2E;
  --tone-yellow:      #E3C994;
  --tone-yellow-vivid:#F0BC4E;
  --tone-yellow-deep: #8B7530;
  --tone-blue:        #4A7C9C;
  --tone-blue-vivid:  #2C6FA8;
  --tone-blue-deep:   #2C5A7C;
  --tone-blue-light:  #93D1FF;
  --tone-pink:        #C2547A;

  /* ─────── Hand-drawn highlight default ─────── */
  --hd-highlight-bg: rgba(181,145,255,0.50);

  /* ─────── Typography ─────── */
  --font-body:    'Inter', 'Helvetica Neue', system-ui, sans-serif;
  --font-display: 'Inter', sans-serif;
  --font-italic:  'Playfair Display', Georgia, serif;
  --font-hand:    'Caveat', cursive;
  --font-hand-loose: 'Kalam', 'Caveat', cursive;
  --font-mono:    'DM Mono', monospace;

  /* ─────── Shadow + radius ─────── */
  --shadow-card:        4px 4px 0 rgba(0,0,0,0.06);
  --shadow-card-hover:  6px 6px 0 rgba(0,0,0,0.10);
  --shadow-pop:         3px 3px 0 rgba(0,0,0,0.18);
  --radius-sm: 2px;
  --radius-md: 8px;
  --radius-lg: 18px;
  --radius-pill: 999px;

  /* ─────── Shell (platform header/footer) ─────── */
  --shell-h: 64px;          /* sticky header magasság */
  --shell-bg: rgba(251,250,244,0.88);
  --shell-border: rgba(0,0,0,0.08);
}