/* ── Refined tokens — Cashbarber Checkout v5 (POC) ────────────────────── */
:root {
  /* Neutral scale (warm-cool dark) */
  --ink-1000: #05070d;
  --ink-950:  #07090f;
  --ink-900:  #0b0e16;
  --ink-850:  #11141d;
  --ink-800:  #161a25;
  --ink-750:  #1c2030;
  --ink-700:  #232839;
  --ink-600:  #2c3245;
  --ink-500:  #3a4156;
  --ink-400:  #535a73;
  --ink-300:  #7a8197;
  --ink-200:  #a3aabd;
  --ink-100:  #d2d6e0;
  --ink-50:   #ebedf2;
  --ink-0:    #ffffff;

  /* Brand accent — Cashbarber amber (kept) but extended */
  --brand-700: #92400e;
  --brand-600: #b45309;
  --brand-500: #d97706;
  --brand-400: #f59e0b;
  --brand-300: #fbbf24;
  --brand-200: #fcd34d;
  --brand-100: #fde68a;
  --brand-50:  #fff7ed;
  --brand-glow: rgba(245,158,11,0.18);
  --brand-glow-strong: rgba(245,158,11,0.30);

  /* Semantic */
  --success-500: #10b981;
  --success-400: #34d399;
  --success-glow: rgba(16,185,129,0.16);
  --error-500:   #ef4444;
  --error-400:   #f87171;
  --error-glow:  rgba(239,68,68,0.16);
  --warn-500:    #f59e0b;
  --info-400:    #60a5fa;
  --info-glow:   rgba(96,165,250,0.16);
  --pix-500:     #32bcad;
  --pix-400:     #4dd9c8;
  --pix-glow:    rgba(50,188,173,0.18);

  /* Surfaces */
  --surface-page:   var(--ink-950);
  --surface-1:      var(--ink-900);
  --surface-2:      var(--ink-850);
  --surface-3:      var(--ink-800);
  --surface-input:  var(--ink-850);
  --surface-elevated: var(--ink-800);

  /* Borders */
  --line-subtle:  rgba(255,255,255,0.06);
  --line-soft:    rgba(255,255,255,0.09);
  --line-default: rgba(255,255,255,0.12);
  --line-strong:  rgba(255,255,255,0.20);
  --line-accent:  rgba(245,158,11,0.42);

  /* Type */
  --font-sans: 'Inter', system-ui, -apple-system, sans-serif;
  --font-display: 'Inter', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', 'SF Mono', monospace;

  --t-xs:    11px;
  --t-sm:    13px;
  --t-base:  14.5px;
  --t-md:    15.5px;
  --t-lg:    17px;
  --t-xl:    20px;
  --t-2xl:   24px;
  --t-3xl:   30px;
  --t-4xl:   38px;
  --t-5xl:   48px;
  --t-6xl:   60px;

  /* Spacing */
  --s-1: 4px;  --s-2: 8px;  --s-3: 12px; --s-4: 16px;
  --s-5: 20px; --s-6: 24px; --s-7: 28px; --s-8: 32px;
  --s-10: 40px;--s-12: 48px;--s-14: 56px;--s-16: 64px;
  --s-20: 80px;--s-24: 96px;

  /* Radii */
  --r-xs: 4px; --r-sm: 6px; --r-md: 10px; --r-lg: 14px;
  --r-xl: 18px; --r-2xl: 22px; --r-3xl: 28px; --r-full: 9999px;

  /* Shadows */
  --sh-sm: 0 1px 2px rgba(0,0,0,0.4);
  --sh-md: 0 4px 14px rgba(0,0,0,0.4), 0 1px 2px rgba(0,0,0,0.3);
  --sh-lg: 0 14px 40px rgba(0,0,0,0.55), 0 2px 6px rgba(0,0,0,0.35);
  --sh-xl: 0 28px 70px rgba(0,0,0,0.65), 0 6px 16px rgba(0,0,0,0.4);
  --sh-card: 0 1px 0 rgba(255,255,255,0.04) inset, 0 6px 18px rgba(0,0,0,0.35);
  --sh-focus: 0 0 0 3px var(--brand-glow), 0 0 0 1px var(--brand-400);
}

/* Light theme override */
[data-theme="light"] {
  --ink-1000: #ffffff;
  --ink-950:  #fafaf7;
  --ink-900:  #f5f5f1;
  --ink-850:  #f0f0eb;
  --ink-800:  #e8e8e2;
  --ink-750:  #dededa;
  --ink-700:  #c9c9c5;
  --ink-600:  #a8a8a3;
  --ink-500:  #828280;
  --ink-400:  #6b6b69;
  --ink-300:  #4d4d4b;
  --ink-200:  #34342f;
  --ink-100:  #1f1f1d;
  --ink-50:   #131311;
  --ink-0:    #0a0a08;

  --surface-page:   #fbfaf6;
  --surface-1:      #ffffff;
  --surface-2:      #ffffff;
  --surface-3:      #f5f5f1;
  --surface-input:  #ffffff;
  --surface-elevated: #ffffff;

  --line-subtle:  rgba(0,0,0,0.05);
  --line-soft:    rgba(0,0,0,0.08);
  --line-default: rgba(0,0,0,0.10);
  --line-strong:  rgba(0,0,0,0.18);
  --line-accent:  rgba(217,119,6,0.4);

  --sh-md: 0 4px 14px rgba(20,20,15,0.08), 0 1px 2px rgba(20,20,15,0.04);
  --sh-lg: 0 14px 40px rgba(20,20,15,0.10), 0 2px 6px rgba(20,20,15,0.06);
  --sh-xl: 0 28px 70px rgba(20,20,15,0.14), 0 6px 16px rgba(20,20,15,0.08);
  --sh-card: 0 1px 0 rgba(255,255,255,0.6) inset, 0 4px 14px rgba(20,20,15,0.06);
}

/* Accent overrides via data-accent */
[data-accent="amber"] {
  --brand-500: #d97706; --brand-400: #f59e0b; --brand-300: #fbbf24;
  --brand-glow: rgba(245,158,11,0.18); --brand-glow-strong: rgba(245,158,11,0.30);
  --line-accent: rgba(245,158,11,0.42);
}
[data-accent="violet"] {
  --brand-500: #7c3aed; --brand-400: #8b5cf6; --brand-300: #a78bfa;
  --brand-glow: rgba(139,92,246,0.20); --brand-glow-strong: rgba(139,92,246,0.32);
  --line-accent: rgba(139,92,246,0.45);
}
[data-accent="emerald"] {
  --brand-500: #059669; --brand-400: #10b981; --brand-300: #34d399;
  --brand-glow: rgba(16,185,129,0.20); --brand-glow-strong: rgba(16,185,129,0.32);
  --line-accent: rgba(16,185,129,0.45);
}
[data-accent="rose"] {
  --brand-500: #e11d48; --brand-400: #f43f5e; --brand-300: #fb7185;
  --brand-glow: rgba(244,63,94,0.20); --brand-glow-strong: rgba(244,63,94,0.32);
  --line-accent: rgba(244,63,94,0.45);
}