@import url("fonts.css");

:root {
  /* Sicredi 2026 visual identity */
  --color-green-deep: #146e37;
  --color-green: #3fa110;
  --color-green-mid: #33820d;
  --color-green-dark: #26610a;
  --color-teal-deep: var(--color-green-deep);
  --color-teal: var(--color-green);
  --color-teal-mid: var(--color-green-mid);
  --color-mint: #7fcf5b;
  --color-accent: var(--color-green);
  --color-accent-dark: var(--color-green-deep);
  --color-white: #ffffff;
  --color-black: #1c1c1c;
  --color-gray-light: #e6e6e6;
  --color-gray-dark: #5a645a;

  --color-primary: var(--color-green);
  --color-primary-hover: var(--color-green-dark);
  --color-primary-dark: var(--color-green-deep);
  --color-fire: var(--color-primary);
  --color-gold: #aec928;
  --color-gold-soft: #d9ea7f;

  --color-surface: rgba(255, 255, 255, 0.92);
  --color-surface-strong: rgba(255, 255, 255, 0.98);
  --color-card-bg: #ffffff;
  --color-border: rgba(20, 110, 55, 0.18);
  --color-text: #1c1c1c;
  --color-text-muted: #5a645a;
  --color-text-soft: #6f776f;
  --color-text-dark: #1c1c1c;
  --color-input-bg: #ffffff;
  --color-error: #d71414;
  --color-error-soft: #fe4b4b;
  --color-success: #1cb111;
  --color-success-soft: #5dd879;
  --color-btn-disabled: #a8b5a8;
  --color-btn-disabled-text: rgba(28, 28, 28, 0.6);

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

  --radius-sm: 8px;
  --radius-btn: 999px;
  --radius-card: 16px;
  --radius-input: 12px;
  --radius-modal: 24px;
  --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: 72px;
  --wc-menu-h: 67px;
  --promo-encerrada-h: 0px;
  --countdown-h: 0px;
  /* Countdown sobrepõe o conteúdo — não entra no empurrão do layout */
  --hero-stack-h: calc(var(--header-h) + var(--promo-encerrada-h, 0px));
  --sicredi-bp-mobile: 991px;

  --sicredi-asset-kv: url("../assets/sicredi/email/previewKV.webp");
  --sicredi-asset-kv-mobile: url("../assets/sicredi/email/previewKV.webp");

  --hero-kv-mobile-h: calc(100vw * 1920 / 1080);
  --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 24px 64px rgba(0, 0, 0, 0.2);
  --shadow-card: 0 12px 40px rgba(20, 110, 55, 0.12);
  --glow-mint: 0 0 24px rgba(63, 161, 16, 0.32);
  --glow-teal: 0 0 24px rgba(20, 110, 55, 0.28);
  --glow-accent: var(--glow-mint);
  --glow-red: var(--glow-mint);
  --glow-fire: var(--glow-teal);
  --glow-gold: 0 0 24px rgba(174, 201, 40, 0.25);

  --gradient-page: linear-gradient(57deg, #145c1b 0%, #0f5518 38%, #062f13 100%);
  --gradient-brand: linear-gradient(135deg, #146e37 0%, #33820d 55%, #3fa110 100%);
  --gradient-fire: var(--gradient-brand);
  --gradient-hero-overlay: linear-gradient(to left, rgba(6, 47, 19, 0.82) 0%, rgba(20, 92, 27, 0.28) 38%, transparent 58%);

  /* Fenix legado + aliases */
  --c-orange1: var(--color-primary);
  --c-orange2: var(--color-primary);
  --c-orange3: var(--color-primary-dark);
  --c-teal1: #3fa110;
  --c-teal2: #33820d;
  --c-teal3: var(--color-green-mid);
  --c-teal4: var(--color-green-deep);
  --c-teal7: #2d8e20;
  --c-red1: var(--color-primary);
  --c-red2: var(--color-primary);
  --c-maroon1: var(--color-green-deep);
  --c-maroon2: var(--color-green-deep);
  --c-wine: var(--color-black);
  --c-blue1: #8eadc1;
  --c-darkBlue1: #1e1e1e;
  --c-darkBlue2: #101920;
  --c-darkBlue3: #121b22;
  --c-darkBlue4: #101a22;
  --c-darkBlue5: #16222b;
  --c-darkBlue6: #213744;
  --c-darkBlue7: #262c2d;
  --c-darkBlue8: #36454c;
  --c-white: #ffffff;
  --c-black: var(--color-black);
  --c-black2: #5a635a;
  --c-blackform: #6c757d;
  --c-gray: #f1f3ef;
  --c-gray2: #efeeed;
  --c-graydark: #666666;
  --c-check: var(--color-success);
  --c-error: var(--color-error);
  --c-error1: var(--color-error);
  --c-error2: var(--color-error-soft);
  --c-offwhite: #f8faf8;
  --c-yellow1: #aec928;
}