/*
 * SkullPay design tokens. Imported by the landing site and the portal so both share one
 * palette; the checkout UI keeps its own merchant-brandable theme.
 */
:root {
  /* Core palette — mostly ink and paper; the accent is used sparingly (focus, status, marks). */
  --sp-ink: #0b0b0f;
  --sp-ink-2: #15151b;
  --sp-ink-3: #23232b;
  --sp-paper: #fafaf8;
  --sp-paper-2: #f0efeb;
  --sp-bone: #e7e2d6;
  --sp-slate: #6b6f76;
  --sp-slate-2: #9ba0a8;
  --sp-accent: #19c37d;
  --sp-accent-ink: #0b7a4f; /* accent as text on light surfaces (AA on paper) */
  --sp-danger: #d0342c;
  --sp-warning: #b7791f;

  /* Type: system UI stack, weight 600 for the wordmark and headings, tight tracking. */
  --sp-font:
    ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --sp-font-mono: ui-monospace, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace;

  --sp-radius: 10px;
  --sp-radius-sm: 6px;
}