/* Beyondibles semantic tokens · r6 proposal (13 Nov 2026 KST)
   Source values: Beyond Core v1.3 + r3 DESIGN-SYSTEM.md. No new colours.
   Scope map:
     --bx-*   site-wide shell: type, spacing, focus, navigation, onboarding panels
     --aq-*   surface: Aqua Holotable frame only (never the shell, never element Aqua #4FD3F5)
     --dio-*  surface: Companion diorama cube and card aperture
     --card-* surface: personal card object
   TCG materials are NOT tokenised here: the maintained game frame keeps its own styles.
   Custom properties inherit into the journey and dashboard shadow roots; no reset is applied. */
:root {
  /* shell · ground → surface → raised (one step = one level of elevation) */
  --bx-ground: #0D0A1C;
  --bx-surface: #1C1533;
  --bx-raised: #33254A;
  --bx-sunk: #120E26;
  --bx-ink: #FFF3D6;
  --bx-body: #D9CFC6;
  --bx-muted: #A697AC;
  --bx-edge: #584961;
  --bx-edge-strong: #766382;
  --bx-accent: #7CFFD1;
  --bx-accent-ink: #D8FFF2;
  --bx-accent-fill: rgba(124, 255, 209, .10);
  --bx-gold: #FFB627;
  --bx-gold-ink: #FFE6B0;
  --bx-gold-fill: #3A281A;
  --bx-gold-fill-hover: #52351E;
  --bx-focus: #FFDC94;
  --bx-ok: #8FB3A0;
  --bx-warn: #D6A86A;
  --bx-danger: #C9788A;
  --bx-danger-ink: #F5B8C4;
  --bx-info: #9AA6D6;
  --bx-r-ctl: 2px;
  --bx-r-pane: 2px;
  --bx-s1: 4px; --bx-s2: 8px; --bx-s3: 12px; --bx-s4: 16px; --bx-s5: 24px; --bx-s6: 32px; --bx-s7: 48px;
  --bx-font-display: Archivo, system-ui, sans-serif;
  --bx-font-ui: Inter, system-ui, sans-serif;
  --bx-font-control: Oxanium, Inter, system-ui, sans-serif;
  --bx-t-display: 600 28px/1.18 var(--bx-font-display);
  --bx-t-title: 600 20px/1.2 var(--bx-font-display);
  --bx-t-section: 600 14px/18px var(--bx-font-display);
  --bx-t-body: 400 15px/22px var(--bx-font-ui);
  --bx-t-label: 600 12px/16px var(--bx-font-ui);
  --bx-t-control: 700 15px/20px var(--bx-font-control);
  --bx-dur-hover: 150ms;
  --bx-dur-panel: 180ms;
  --bx-dur-ground: 400ms;

  /* surface · Aqua Holotable */
  --aq-ground: #061426;
  --aq-surface: #0B2238;
  --aq-raised: #123250;
  --aq-ink: #F0FAFF;
  --aq-muted: #86A9BD;
  --aq-accent: #5CC8FF;
  --aq-edge: #295A76;
  --aq-r-pane: 16px;
  --aq-r-ctl: 12px;

  /* surface · diorama cube */
  --dio-ground: #120E26;
  --dio-floor: radial-gradient(ellipse at 50% 70%, #33254A, #120E26 70%);
  --dio-select: #FFDC94;

  /* surface · personal card */
  --card-edge: #FFB627;
  --card-radius: 8px;
  --card-ratio: 5 / 7;
  --card-glow: 0 0 32px rgba(255, 182, 39, .28);
}