/* ---------- Tokens (→ assets/css/tokens.css) ---------- */
:root {
  --font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  --brand: #ff4d2e;
  --brand-hover: #ef3f1f;
  --brand-soft: #fff3ee;
  /* The original brand stays on graphics; small text and white-label controls need stronger contrast. */
  --brand-ink: #bc3219;
  --brand-action: #c7351b;
  --brand-action-hover: #ad2c15;

  --ink: #0f0f10;
  --ink-2: #2a2a2c;
  --muted: #6b6b70;
  --subtle: #6b6b70;
  --line: #e9e9ec;
  --line-strong: #d9d9de;
  --surface: #ffffff;
  --canvas: #f6f6f7;
  --hover: #f2f2f4;
  --row-hover: #fafafb;
  --row-selected: #fff6f2;

  --success: #15803d;
  --success-bg: #e8f7ee;
  --warning: #b45309;
  --warning-bg: #fff7e6;
  --warning-line: #fde3b0;
  --warning-ink: #7a3e06;
  --danger: #c81e1e;
  --danger-bg: #fdecec;
  --danger-line: #f6c7c7;
  --info-bg: #eef3fe;
  --info-line: #cfdcfb;
  --info-ink: #1e3a8a;

  --tone-none-fg: #6b6b70;    --tone-none-bg: #f2f2f4;
  --tone-basic-fg: #166534;   --tone-basic-bg: #e8f7ee;
  --tone-premium-fg: #6d28d9; --tone-premium-bg: #f3e8ff;
  --tone-vip-fg: #92400e;     --tone-vip-bg: #fef3c7;
  --tone-vvip-fg: #f5c451;    --tone-vvip-bg: #1f1a12;
  --tone-admin-fg: #1d4ed8;   --tone-admin-bg: #e0ecff;
  --tone-eatalyst-fg: #3730a3; --tone-eatalyst-bg: #e0e7ff;
  --tone-senior-fg: #ffffff;  --tone-senior-bg: #0f0f10;

  --radius-sm: 6px;
  --radius: 8px;
  --radius-lg: 12px;
  --shadow-1: 0 1px 2px rgba(16, 16, 18, 0.05);
  --shadow-2: 0 16px 40px rgba(16, 16, 18, 0.14), 0 2px 8px rgba(16, 16, 18, 0.06);
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --sidebar-w: 248px;
  --topbar-h: 56px;
  --touch-target: 40px;
}