/* HibouPay tokens v0.4.0. Gerado de src/hibou.tokens.json. */
:root {
  --hibou-primary: #0061F1;
  --hibou-primary-deep: #0048B8;
  --hibou-primary-light: #1672FF;
  --hibou-black: #000000;
  --hibou-graffiti: #2E3440;
  --hibou-white: #FFFFFF;
  --hibou-night: #2E3440;
  --hibou-secondary: #A02CFA;
  --hibou-secondary-ink: #6B21A8;
  --hibou-graffiti-deep: #15181E;
  --hibou-graffiti-light: #383F4D;
  --hibou-bg: #F3F5F8;
  --hibou-card: #FFFFFF;
  --hibou-card-elevated: #FFFFFF;
  --hibou-wash: #EEF0F3;
  --hibou-ink: #2E3440;
  --hibou-muted: #686D75;
  --hibou-text: #2E3440;
  --hibou-success: #2BC155;
  --hibou-success-ink: #157A38;
  --hibou-warning: #FFBC11;
  --hibou-warning-ink: #8A6200;
  --hibou-danger: #F94687;
  --hibou-danger-ink: #C2256A;
  --hibou-border: #E3E6EE;
  --hibou-border-soft: #EEF0F5;
  --hibou-ring: #0061F1;
  --hibou-card-2: #FFFFFF;
  --hibou-gradient: linear-gradient(90deg, #000000 0%, #2e3440 38%, #0061f1 100%);
  --hb-radius-xs: 6px;
  --hb-radius-sm: 8px;
  --hb-radius-md: 12px;
  --hb-radius-lg: 16px;
  --hb-radius-xl: 22px;
  --hb-radius-ear: 9px;
  --hb-radius-card: 16px;
  --hb-radius-pill: 999px;
  --hb-radius-input: 12px;
  --hb-radius-modal: 22px;
  --hb-control-xs: 28px;
  --hb-control-sm: 32px;
  --hb-control-md: 40px;
  --hb-control-lg: 48px;
  --hb-e0: 0 0 0 1px rgba(46,52,64,0.07);
  --hb-e1: 0 0 0 1px rgba(46,52,64,0.06), 0 1px 2px rgba(46,52,64,0.05), 0 6px 16px -10px rgba(46,52,64,0.16);
  --hb-e2: 0 0 0 1px rgba(46,52,64,0.07), 0 18px 40px -20px rgba(46,52,64,0.4);
  --hb-e3: 0 0 0 1px rgba(46,52,64,0.09), 0 32px 80px -24px rgba(46,52,64,0.52);
  --hb-motion-ease: cubic-bezier(0.16, 1, 0.3, 1);
  --hb-motion-spring: cubic-bezier(0.34, 1.36, 0.64, 1);
  --hb-motion-instant: 120ms;
  --hb-motion-quick: 200ms;
  --hb-motion-calm: 280ms;
  --hb-motion-slow: 420ms;
  --hb-motion-pupil: 80ms;
  --hb-motion-strike: 150ms;
  --hb-type-caption: 11px;
  --hb-type-small: 12px;
  --hb-type-compact: 13px;
  --hb-type-body: 14px;
  --hb-type-lead: 15px;
  --hb-type-title: 16px;
  --hb-type-title-lg: 18px;
  --hb-type-metric: 26px;
  --hb-type-metric-lg: 30px;
  --hb-type-display: clamp(32px, 2.2vw + 24px, 44px);
  --hb-gutter: 16px;
}
@media (min-width: 768px) { :root { --hb-gutter: 24px; } }
@media (min-width: 1280px) { :root { --hb-gutter: 40px; } }

/* Vidro: um desenho, três níveis. Padrão = base. */
:root,
.hb-glass--base {
  --g-top: 0.56;
  --g-bottom: 0.4;
  --g-blur: 32px;
  --g-sat: 200%;
  --g-bright: 1;
  --g-edge: 0.95;
  --g-rim: 0.5;
  --g-sheen: 0;
  --gn-alpha: 0.86;
  --gn-blur: 30px;
}
[data-glass="medio"],
.hb-glass--medio {
  --g-top: 0.4;
  --g-bottom: 0.24;
  --g-blur: 24px;
  --g-sat: 220%;
  --g-bright: 1.03;
  --g-edge: 1;
  --g-rim: 0.62;
  --g-sheen: 0.35;
  --gn-alpha: 0.72;
  --gn-blur: 26px;
}
[data-glass="intenso"],
.hb-glass--intenso {
  --g-top: 0.2;
  --g-bottom: 0.08;
  --g-blur: 14px;
  --g-sat: 250%;
  --g-bright: 1.08;
  --g-edge: 1;
  --g-rim: 0.75;
  --g-sheen: 0.6;
  --gn-alpha: 0.58;
  --gn-blur: 20px;
}