:root { /* Chuva de Prata — paleta do KV */ --chuva-creme: #fbf6ef; --chuva-areia: #e9d2b1; --chuva-ouro: #886924; --chuva-ouro-claro: #f1bd78; --chuva-ouro-escuro: #6e541c; --chuva-sage: #b6ab7f; --chuva-ink: #1a140e; --chuva-ink-soft: #3d3428; --chuva-erro: #8e2020; /* Compatibilidade temporaria: nomes legados apontando para paleta Chuva */ --chuvadeprata-verde-claro: var(--chuva-ouro); --chuvadeprata-verde: var(--chuva-ink-soft); --chuvadeprata-verde-escuro: var(--chuva-ink); --chuvadeprata-amarelo-claro: var(--chuva-ouro-claro); --chuvadeprata-amarelo: var(--chuva-ouro); --chuvadeprata-amarelo-escuro: var(--chuva-ouro-escuro); --chuvadeprata-vermelho: var(--chuva-erro); --chuvadeprata-offwhite: var(--chuva-creme); /* Legacy aliases kept during migration */ --color-rose: var(--chuva-areia); --color-rose-strong: var(--chuva-creme); --color-purple: var(--chuva-ink); --color-purple-strong: var(--chuva-ink); --color-yellow: var(--chuva-ouro); --color-white: #ffffff; --color-black: #000000; --color-gray-light: #f3efe6; --color-gray-dark: var(--chuva-ink-soft); --color-primary: var(--chuva-ouro); --color-primary-hover: var(--chuva-ouro-escuro); --color-primary-dark: var(--chuva-ink); --color-fire: var(--chuva-erro); --color-gold: var(--chuva-ouro); --color-gold-soft: var(--chuva-ouro-claro); --color-lime: var(--chuva-ouro-claro); --color-lime-alt: rgba(241, 189, 120, 0.9); --color-surface: rgba(251, 246, 239, 0.94); --color-surface-strong: var(--chuva-creme); --color-card-bg: var(--chuva-creme); --color-border: rgba(136, 105, 36, 0.32); --color-text: var(--chuva-ink); --color-text-muted: #6b5c48; --color-text-soft: #8a7760; --color-text-dark: var(--chuva-ink); --color-input-bg: #ffffff; --color-error: var(--chuva-erro); --color-error-soft: #b85a5a; --color-success: #5c6b3a; --color-success-soft: #8a9368; --color-btn-disabled: #c4b49a; --color-btn-disabled-text: rgba(26, 20, 14, 0.45); --font-heading: "abril-text", Georgia, "Times New Roman", serif; --font-body: "basic-sans", system-ui, -apple-system, "Segoe UI", sans-serif; --font-ui: var(--font-body); --font-display: var(--font-heading); --font-script: "abril-text", Georgia, "Times New Roman", serif; --font-heading-clean: "abril-text", Georgia, "Times New Roman", serif; --radius-sm: 8px; --radius-btn: 0.6rem; --radius-card: 22px; --radius-input: 0.5rem; --radius-modal: 24px; --radius-pill: 999px; /* Botão padrão (layout do FAB) */ --btn-min-height: 5.28rem; --btn-padding-x: 3.6rem; --btn-font-size: 1.6rem; --btn-font-weight: 700; --btn-letter-spacing: 0.02em; --btn-line-height: 1; /* Tabs / subtabs — mesmo layout do FAB */ --btn-tab-min-height: var(--btn-min-height); --btn-tab-padding-x: var(--btn-padding-x); --btn-tab-font-size: var(--btn-font-size); --btn-subtab-min-height: var(--btn-min-height); --btn-subtab-font-size: var(--btn-font-size); --shadow-btn-rose: 0 8px 18px rgba(136, 105, 36, 0.28); --shadow-btn-rose-hover: 0 10px 22px rgba(90, 62, 20, 0.32); --shadow-btn-yellow: 0 8px 18px rgba(136, 105, 36, 0.28); --shadow-btn-yellow-hover: 0 10px 22px rgba(90, 62, 20, 0.32); --space-1: 8px; --space-2: 16px; --space-3: 24px; --space-4: 32px; --space-5: 48px; --space-6: 64px; --space-7: 96px; /* Mesmo vão entre título, subtítulo e o conteúdo da seção */ --section-head-gap: 2rem; --header-offset-top: 3rem; --header-h: 65px; --wc-menu-h: 67px; --promo-encerrada-h: 0px; --countdown-h: 0px; /* Header flutuante + countdown (quando expandido) + faixa encerrada */ --hero-stack-h: calc(var(--header-offset-top) + var(--header-h) + var(--countdown-h, 0px) + var(--promo-encerrada-h, 0px)); --chuva-bp-mobile: 992px; --chuva-asset-kv: url("../assets/chuvadeprata/bkg/bkg1.webp"); --chuva-asset-kv-mobile: url("../assets/chuvadeprata/bkg/bkg1.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(26, 20, 14, 0.28); --shadow-card: 0 18px 44px rgba(90, 62, 20, 0.16); --glow-mint: 0 0 26px rgba(136, 105, 36, 0.28); --glow-teal: 0 0 26px rgba(136, 105, 36, 0.22); --glow-accent: var(--glow-gold); --glow-red: 0 0 28px rgba(142, 32, 32, 0.28); --glow-fire: var(--glow-gold); --glow-gold: 0 0 24px rgba(241, 189, 120, 0.45); --gradient-page: linear-gradient(180deg, var(--chuva-creme) 0%, var(--chuva-areia) 100%); --gradient-brand: linear-gradient(135deg, var(--chuva-ink) 0%, var(--chuva-ouro) 58%, var(--chuva-ouro-claro) 100%); --gradient-fire: linear-gradient(135deg, var(--chuva-areia) 0%, var(--chuva-ouro-claro) 100%); --gradient-hero-overlay: linear-gradient(to left, rgba(26, 20, 14, 0.72) 0%, rgba(136, 105, 36, 0.28) 46%, transparent 74%); /* Fenix legado + aliases */ --c-orange1: var(--color-primary); --c-orange2: var(--color-primary); --c-orange3: var(--color-primary-dark); --c-teal1: var(--color-rose); --c-teal2: var(--color-purple); --c-teal3: var(--color-purple-strong); --c-teal4: var(--color-purple); --c-teal7: var(--color-rose-strong); --c-red1: var(--chuva-erro); --c-red2: var(--chuva-erro); --c-maroon1: var(--chuva-ink); --c-maroon2: var(--chuva-ink); --c-wine: var(--color-black); --c-blue1: var(--chuva-ink); --c-darkBlue1: var(--chuva-ink); --c-darkBlue2: #14110e; --c-darkBlue3: #1a1612; --c-darkBlue4: #12100d; --c-darkBlue5: #231e18; --c-darkBlue6: #3d3428; --c-darkBlue7: #2a241c; --c-darkBlue8: #4a4034; --c-white: #ffffff; --c-black: var(--color-black); --c-black2: var(--chuva-ink); --c-blackform: #8a7760; --c-gray: #f3efe6; --c-gray2: var(--chuva-areia); --c-graydark: var(--chuva-ink-soft); --c-check: var(--color-success); --c-error: var(--color-error); --c-error1: var(--color-error); --c-error2: var(--color-error-soft); --c-offwhite: var(--chuva-creme); --c-yellow1: var(--chuva-ouro); --c-purple1: var(--chuva-ink); }