/* ippon – huisstijl-tokens (branddocument v1.1). Gebruik deze variabelen; hardcode geen kleuren. */
:root {
  --ippon-yellow:   #F4C542;
  --ippon-charcoal: #0B0B0D;
  --ippon-grey-1:   #2A2A2E;
  --ippon-grey-2:   #666870;
  --ippon-white:    #FFFFFF;
  --score-aka:      #E10600;
  --score-ao:       #0066FF;
  --font-ui: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
}
[data-theme="dark"], :root { --surface: var(--ippon-charcoal); --surface-2: var(--ippon-grey-1); --ink: var(--ippon-white); --ink-2: #B9BBC2; }
[data-theme="light"]        { --surface: var(--ippon-white);    --surface-2: #F3F3F4;            --ink: var(--ippon-charcoal); --ink-2: var(--ippon-grey-2); }
.ippon-ui { font-family: var(--font-ui); color: var(--ink); background: var(--surface); }
.ippon-numbers { font-variant-numeric: tabular-nums lining-nums; }