/* Tipp26 — Design Tokens v1.0 */
@import url('https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700&family=JetBrains+Mono:wght@400;500;700&display=swap');

:root {
  /* Brand Colors */
  --t26-night:    #0D1B2A;
  --t26-night-2:  #152336;
  --t26-blue:     #2563EB;
  --t26-blue-2:   #1D4ED8;
  --t26-blue-pale:#EFF6FF;
  --t26-green:    #16A34A;
  --t26-green-pale:#F0FDF4;
  --t26-gold:     #EAB308;
  --t26-gold-dark:#A16207;
  --t26-crimson:  #DC2626;
  --t26-surface:  #F8FAFC;
  --t26-sf2:      #F1F5F9;
  /* Neutrals */
  --t26-g800:     #1E293B;
  --t26-g700:     #374151;
  --t26-g500:     #6B7280;
  --t26-g300:     #D1D5DB;
  --t26-g200:     #E5E7EB;
  --t26-g100:     #F3F4F6;
  /* Typography */
  --t26-font-display: 'Syne', system-ui, sans-serif;
  --t26-font-body:    'Plus Jakarta Sans', system-ui, sans-serif;
  --t26-font-mono:    'JetBrains Mono', ui-monospace, monospace;
  /* Radius */
  --t26-radius-sm: 8px;
  --t26-radius-md: 12px;
  --t26-radius-lg: 16px;
  --t26-radius-xl: 24px;
  /* Points */
  --t26-pts-exact:     3;
  --t26-pts-diff:      2;
  --t26-pts-tendency:  1;
  --t26-pts-wrong:     0;
}

/* Utility classes */
.t26-badge-3  { background: var(--t26-gold);    color: var(--t26-night); }
.t26-badge-2  { background: var(--t26-blue);    color: #fff; }
.t26-badge-1  { background: var(--t26-g200);    color: var(--t26-g700); }
.t26-badge-0  { background: var(--t26-crimson); color: #fff; }
.t26-chip-live    { background: var(--t26-green-pale); color: var(--t26-green); }
.t26-chip-open    { background: var(--t26-blue-pale);  color: var(--t26-blue);  }
.t26-chip-locked  { background: var(--t26-g100);       color: var(--t26-g500);  }