/* SubwayPay Frontend — Design Tokens
 * Carregado ANTES de page.css e sp-overrides.css
 * Nunca modificar page.css (Webflow export) */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@600;700;800&display=swap');

:root {
  /* Cores */
  --sp-accent:      #1fbffe;
  --sp-accent-dk:   #0ea5c9;
  --sp-accent-lt:   rgba(31,191,254,0.12);
  --sp-bg-dark:     #0a0a0f;
  --sp-bg-card:     #111118;
  --sp-bg-surface:  #16161f;
  --sp-text:        #f0f4ff;
  --sp-text-muted:  #7a8499;
  --sp-border:      rgba(255,255,255,0.08);
  --sp-success:     #22c55e;
  --sp-warning:     #f59e0b;
  --sp-danger:      #ef4444;

  /* Tipografia */
  --sp-font:         'Inter', system-ui, -apple-system, sans-serif;
  --sp-font-display: 'Poppins', sans-serif;

  /* Espaçamento */
  --sp-radius:  12px;
  --sp-radius-sm: 8px;
  --sp-radius-lg: 20px;

  /* Sombras */
  --sp-shadow:    0 4px 24px rgba(0,0,0,.4);
  --sp-shadow-sm: 0 2px 8px rgba(0,0,0,.3);
}