/* HSN theme tokens — light default, dark via html[data-theme=dark] e body.dark-mode */
:root {
  /* brand (iguais nos dois temas) */
  --hsn-gold: #C9A961;
  --hsn-gold-soft: #e6d4a8;
  --hsn-gold-deep: #a8843e;
  --hsn-navy: #0b1b3a;
  --hsn-navy-deepest: #070d1f;
  --hsn-navy-bar: #141c2b;
  --hsn-navy-panel: #0b1c2c;
  --hsn-secondary: #0b1b3a;
  --hsn-link: #0f5bd8;
  --hsn-btn-blue: #1d6fd8;
  --hsn-whatsapp: #25d366;
  --hsn-email-page: #efefef;
  --hsn-email-bar: #181820;
  --hsn-paid-fg: #1e8449;
  --hsn-paid-bg: #eaf8ef;
  --hsn-open-fg: #c0392b;
  --hsn-open-bg: #fdecea;
  --hsn-due-fg: #a8843e;
  --hsn-due-bg: #f8efd8;

  /* light theme */
  --hsn-bg: #f4f5f7;
  --hsn-surface: #ffffff;
  --hsn-surface-2: #eef3fb;
  --hsn-text: #0f1728;
  --hsn-heading-color: #243041;
  --hsn-muted: #5b667d;
  --hsn-label: #6b7788;
  --hsn-border: #e6e9ee;
  --hsn-input-bg: #eef3fb;
  --hsn-input-text: #0b1b3a;
  --hsn-table-head: #2b3b4d;
  --hsn-table-head-text: #ffffff;
  --hsn-table-stripe: rgba(11, 27, 58, 0.03);
  --hsn-table-border: #e6e9ee;
  --hsn-topbar-bg: #070d1f;
  --hsn-topbar-text: #eaf1fb;
  --hsn-sidebar-bg: #141c2b;
  --hsn-nav-link: #dbe2f0;
  --hsn-footer-text: #94a3b8;
  --hsn-kpi-bg: #0b1c2c;
  --hsn-kpi-text: #ffffff;
  --hsn-kpi-meta: #cbd5e1;
  --hsn-chart-bg: #0b1c2c;
  --hsn-chart-grid: rgba(201, 169, 97, 0.12);
  --hsn-chart-line: #7b879c;
  --hsn-focus-ring: rgba(201, 169, 97, 0.22);
  --hsn-range-fg: #5b667d;

  --hsn-heading: "Sora", system-ui, sans-serif;
  --hsn-body: "Manrope", system-ui, sans-serif;
  --hsn-serif: "Playfair Display", Georgia, serif;
  --hsn-mono: Consolas, "Liberation Mono", monospace;
  --hsn-fs-kicker: 0.72rem;
  --hsn-fs-topbar: 0.82rem;
  --hsn-fs-cta: 0.78rem;
  --hsn-fs-nav: 0.94rem;
  --hsn-fs-h1: 28px;
  --hsn-fs-kpi: 28px;
  --hsn-fs-th: 13px;
  --hsn-fs-td: 14px;
  --hsn-fs-pill: 12px;
  --hsn-track-kicker: 0.14em;
  --hsn-track-cta: 0.6px;
  --hsn-track-footer: 2.5px;
  --hsn-container: 1180px;
  --hsn-sidebar: 260px;
  --hsn-gap: 22px;
  --hsn-pad: 16px;
  --hsn-pad-page: 20px;
  --hsn-radius: 8px;
  --hsn-radius-sm: 6px;
  --hsn-radius-pill: 16px;
  --hsn-radius-login: 20px;
  --hsn-logo-nav: 46px;
  --hsn-logo-login: 52px;
  --hsn-logo: url("https://hsn.com.br/uploads/sites/228/hsn-logo.png");
  --hsn-logo-inverse: url("https://www.html.hsn.com.br/whmcs/images/hsn-logo-inverse.png");
  --hsn-favicon: url("https://hsn.com.br/uploads/sites/141/logo-hsn.png");
  --hsn-ease: 200ms ease;
  color-scheme: light;
}

html[data-theme="dark"],
body.dark-mode {
  --hsn-bg: #070d1f;
  --hsn-surface: #141c2b;
  --hsn-surface-2: #0b1c2c;
  --hsn-text: #eaf1fb;
  --hsn-heading-color: #f8fafc;
  --hsn-muted: #94a3b8;
  --hsn-label: #cbd5e1;
  --hsn-border: rgba(201, 169, 97, 0.18);
  --hsn-input-bg: #0b1c2c;
  --hsn-input-text: #eaf1fb;
  --hsn-table-head: #2b3b4d;
  --hsn-table-head-text: #ffffff;
  --hsn-table-stripe: rgba(255, 255, 255, 0.04);
  --hsn-table-border: rgba(201, 169, 97, 0.14);
  --hsn-topbar-bg: #070d1f;
  --hsn-topbar-text: #eaf1fb;
  --hsn-sidebar-bg: #141c2b;
  --hsn-nav-link: #dbe2f0;
  --hsn-footer-text: #94a3b8;
  --hsn-kpi-bg: #0b1c2c;
  --hsn-kpi-text: #ffffff;
  --hsn-kpi-meta: #cbd5e1;
  --hsn-chart-bg: #0b1c2c;
  --hsn-chart-grid: rgba(201, 169, 97, 0.12);
  --hsn-chart-line: #7b879c;
  --hsn-focus-ring: rgba(201, 169, 97, 0.22);
  --hsn-range-fg: #cbd5e1;
  --hsn-link: #9ec5ff;
  color-scheme: dark;
}