/* AUTO-GENERATED by scripts/build-tokens.ts — do not edit by hand. */

:root {
  --color-primary: #0076F7;
  --color-primary-fg: #FFFFFF;
  --color-secondary: #005FCC;
  --color-accent: #E9F3FF;
  --color-bg: #FFFFFF;
  --color-surface: #F5F7FA;
  --color-surface-2: #EEF2F7;
  --color-text: #101424;
  --color-text-2: #525866;
  --color-muted: #8A94A6;
  --color-border: #E5E9F0;
  --color-success: #16A34A;
  --color-warning: #F59E0B;
  --color-alert: #DC2626;
  --color-upi-orange: #F47216;
  --color-upi-green: #0D7C3F;
  --color-upi-blue: #1E5DEF;
  --color-google-blue: #4285F4;
  --color-google-green: #34A853;
  --color-google-yellow: #FBBC04;
  --color-google-red: #EA4335;
  --color-gpay-blue: #0B57CF;
  --color-gpay-text: #1F1F1F;
  --color-gpay-muted: #454647;
  --color-gpay-subtle: #737373;
  --color-gpay-panel: #FFFFFF;
  --color-gpay-light: #F9FAFE;
  --color-gpay-bank-bg: #E6F2FF;
  --color-gpay-border: #EAEAEA;
  --color-gpay-pin-strip: #EAEAEA;
  --color-keyboard-bg: #CBD0D8;
  --color-keyboard-key: #FCFCFE;
  --color-keyboard-shadow: #898A8D;
  --color-ink: #000000;
  --color-pin-dot: #454545;
  --color-warning-bg: #FFF9CF;
  --color-warning-text: #7B6A24;
  --color-divider-soft: #D9D9D9;
  --color-footer-muted: #858A93;
  --color-merchant-primary: #0076F7;
  --color-merchant-primary-fg: #FFFFFF;
  --color-merchant-secondary: #005FCC;
  --color-merchant-accent: #E9F3FF;
  --color-merchant-bg: #FFFFFF;
  --color-merchant-surface: #F5F7FA;
  --color-merchant-surface-2: #EEF2F7;
  --color-merchant-text: #101424;
  --color-merchant-text-2: #525866;
  --color-merchant-muted: #8A94A6;
  --color-merchant-border: #E5E9F0;
  --font-heading: Geist;
  --font-body: Plus Jakarta Sans;
  --font-mono: IBM Plex Mono;
  --radius-card: 12px;
  --radius-button: 8px;
  --radius-input: 8px;
  --radius-sheet: 16px;
  --radius-tag: 999px;
  --radius-control: 6px;
  --logo-url: url("/brands/hyperpg/logo.svg");
  --logo-fallback: "HYPERPG";
  --gradient-1: #0B3B78;
  --gradient-2: #0076F7;
  --gradient-3: #4CB3FF;
}

:root[data-brand="hyperpg"] {
  --color-primary: #0076F7;
  --color-primary-fg: #FFFFFF;
  --color-secondary: #005FCC;
  --color-accent: #E9F3FF;
  --color-bg: #FFFFFF;
  --color-surface: #F5F7FA;
  --color-surface-2: #EEF2F7;
  --color-text: #101424;
  --color-text-2: #525866;
  --color-muted: #8A94A6;
  --color-border: #E5E9F0;
  --color-success: #16A34A;
  --color-warning: #F59E0B;
  --color-alert: #DC2626;
  --color-upi-orange: #F47216;
  --color-upi-green: #0D7C3F;
  --color-upi-blue: #1E5DEF;
  --color-google-blue: #4285F4;
  --color-google-green: #34A853;
  --color-google-yellow: #FBBC04;
  --color-google-red: #EA4335;
  --color-gpay-blue: #0B57CF;
  --color-gpay-text: #1F1F1F;
  --color-gpay-muted: #454647;
  --color-gpay-subtle: #737373;
  --color-gpay-panel: #FFFFFF;
  --color-gpay-light: #F9FAFE;
  --color-gpay-bank-bg: #E6F2FF;
  --color-gpay-border: #EAEAEA;
  --color-gpay-pin-strip: #EAEAEA;
  --color-keyboard-bg: #CBD0D8;
  --color-keyboard-key: #FCFCFE;
  --color-keyboard-shadow: #898A8D;
  --color-ink: #000000;
  --color-pin-dot: #454545;
  --color-warning-bg: #FFF9CF;
  --color-warning-text: #7B6A24;
  --color-divider-soft: #D9D9D9;
  --color-footer-muted: #858A93;
  --color-merchant-primary: #0076F7;
  --color-merchant-primary-fg: #FFFFFF;
  --color-merchant-secondary: #005FCC;
  --color-merchant-accent: #E9F3FF;
  --color-merchant-bg: #FFFFFF;
  --color-merchant-surface: #F5F7FA;
  --color-merchant-surface-2: #EEF2F7;
  --color-merchant-text: #101424;
  --color-merchant-text-2: #525866;
  --color-merchant-muted: #8A94A6;
  --color-merchant-border: #E5E9F0;
  --font-heading: Geist;
  --font-body: Plus Jakarta Sans;
  --font-mono: IBM Plex Mono;
  --radius-card: 12px;
  --radius-button: 8px;
  --radius-input: 8px;
  --radius-sheet: 16px;
  --radius-tag: 999px;
  --radius-control: 6px;
  --logo-url: url("/brands/hyperpg/logo.svg");
  --logo-fallback: "HYPERPG";
  --gradient-1: #0B3B78;
  --gradient-2: #0076F7;
  --gradient-3: #4CB3FF;
}