:root {
  /* Banrisul foundation */
  --color-brand-navy: #000050;
  --color-brand-blue: #0b45e4;
  --color-brand-blue-hover: #0d66d0;
  --color-brand-blue-active: #095aba;
  --color-brand-purple: #a23bfc;
  --color-brand-purple-hover: #8637d4;
  --color-brand-purple-active: #6b30a6;
  --color-brand-teal: #00c9b3;

  --color-ink-900: #000050;
  --color-ink-700: #1d2457;
  --color-ink-500: #43434d;
  --color-ink-300: #e1e1e3;
  --color-white: #ffffff;
  --color-black: #0f0f16;
  --color-gray-light: #f8f9ff;
  --color-gray-dark: var(--color-ink-500);

  --color-primary: var(--color-brand-blue);
  --color-primary-hover: var(--color-brand-blue-hover);
  --color-primary-dark: var(--color-brand-blue-active);
  --color-secondary: var(--color-brand-purple);
  --color-fire: var(--color-brand-purple);
  --color-gold: var(--color-brand-teal);
  --color-gold-soft: #dbfaf5;

  --color-surface: #f6f8ff;
  --color-surface-strong: #ffffff;
  --color-page-bg: #ffffff;
  --color-card-bg: #ffffff;
  --color-border: rgba(0, 0, 80, 0.14);
  --color-border-strong: rgba(0, 0, 80, 0.28);
  --color-text: var(--color-ink-900);
  --color-text-muted: var(--color-ink-500);
  --color-text-soft: #5a5b67;
  --color-text-dark: var(--color-ink-900);
  --color-input-bg: #ffffff;
  --color-error: #d33f3f;
  --color-error-soft: #e76565;
  --color-success: #2f8f4e;
  --color-success-soft: #72c28a;
  --color-btn-disabled: #cdcdcd;
  --color-btn-disabled-text: rgba(0, 0, 80, 0.62);
  --color-focus-ring: rgba(11, 69, 228, 0.28);

  --font-heading: "Source Sans 3", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-body: "Source Sans 3", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-ui: var(--font-body);

  --radius-sm: 8px;
  --radius-btn: 10px;
  --radius-card: 10px;
  --radius-input: 10px;
  --radius-modal: 10px;
  --radius-table: 10px;
  --radius-pill: 999px;

  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-5: 48px;
  --space-6: 64px;
  --space-7: 96px;

  --header-h: 65px;
  --wc-menu-h: 65px;
  --promo-encerrada-h: 0px;
  --countdown-h: 0px;
  --hero-stack-h: calc(var(--header-h) + var(--promo-encerrada-h, 0px));
  --banrisul-bp-mobile: 1199px;

  --banrisul-asset-kv: url("../assets/banrisul/s-home/s-home.png");
  --banrisul-asset-kv-mobile: url("../assets/banrisul/s-home/s-home.png");

  --hero-kv-mobile-h: calc(100vw * 16 / 9);
  --hero-mobile-content-offset: clamp(1.6rem, calc(var(--hero-kv-mobile-h) * 0.12), 4rem);
  --hero-mobile-content-offset-flow: clamp(1.2rem, calc(var(--hero-kv-mobile-h) * 0.1), 3.2rem);
  --hero-mobile-content-offset-logged: clamp(1.4rem, calc(var(--hero-kv-mobile-h) * 0.11), 3.6rem);

  --container: 1120px;
  --container-narrow: 720px;

  --shadow-lg: 0 20px 54px rgba(0, 0, 80, 0.16);
  --shadow-card: 0 12px 36px rgba(0, 0, 80, 0.12);
  --glow-mint: 0 0 24px rgba(0, 201, 179, 0.4);
  --glow-teal: 0 0 24px rgba(11, 69, 228, 0.3);
  --glow-accent: var(--glow-mint);
  --glow-red: 0 0 18px rgba(211, 63, 63, 0.26);
  --glow-fire: var(--glow-teal);
  --glow-gold: 0 0 24px rgba(162, 59, 252, 0.35);

  --gradient-page: linear-gradient(180deg, #ffffff 0%, #f6f8ff 100%);
  --gradient-brand: linear-gradient(234deg, #79dac5 5.64%, #4b82ed 31.55%, #3226cd 79.9%, #823eb8 96.51%);
  --gradient-fire: linear-gradient(135deg, #101087 0%, #000050 100%);
  --gradient-hero-overlay: linear-gradient(to left, rgba(0, 0, 80, 0.08) 0%, rgba(0, 0, 80, 0.02) 40%, transparent 65%);

  /* Legacy aliases */
  --color-green-deep: var(--color-brand-navy);
  --color-green: var(--color-primary);
  --color-green-mid: var(--color-brand-blue-active);
  --color-green-dark: var(--color-primary-hover);
  --color-teal-deep: var(--color-brand-navy);
  --color-teal: var(--color-brand-teal);
  --color-teal-mid: #008c8b;
  --color-mint: var(--color-brand-teal);
  --color-accent: var(--color-brand-purple);
  --color-accent-dark: var(--color-brand-purple-active);

  --c-orange1: var(--color-brand-blue);
  --c-orange2: var(--color-brand-blue-hover);
  --c-orange3: var(--color-brand-navy);
  --c-teal1: var(--color-brand-teal);
  --c-teal2: #00a89c;
  --c-teal3: #008f92;
  --c-teal4: var(--color-brand-blue);
  --c-teal7: var(--color-brand-navy);
  --c-red1: var(--color-error);
  --c-red2: var(--color-error-soft);
  --c-maroon1: var(--color-brand-navy);
  --c-maroon2: var(--color-brand-navy);
  --c-wine: var(--color-black);
  --c-blue1: #4b82ed;
  --c-darkBlue1: #000050;
  --c-darkBlue2: #111261;
  --c-darkBlue3: #171a73;
  --c-darkBlue4: #1d1f82;
  --c-darkBlue5: #24278d;
  --c-darkBlue6: #2e369e;
  --c-darkBlue7: #353cab;
  --c-darkBlue8: #4b50b7;
  --c-white: #ffffff;
  --c-black: var(--color-black);
  --c-black2: #3c3c47;
  --c-blackform: #6c757d;
  --c-gray: #f2f2f2;
  --c-gray2: #f7f7f8;
  --c-graydark: #585868;
  --c-check: var(--color-success);
  --c-error: var(--color-error);
  --c-error1: var(--color-error);
  --c-error2: var(--color-error-soft);
  --c-offwhite: #fcfcff;
  --c-yellow1: var(--color-brand-teal);
}