@import url("fonts.css");

:root {
  /* Design tokens — Promoção Seu Destino é L'OR (provisório até brand book oficial) */
  --color-black: #050505;
  --color-primary: #c9a227;
  --color-primary-hover: #dbb84a;
  --color-primary-dark: #6b5018;
  --color-fire: #e8c872;
  --color-gold: #c9a227;
  --color-gold-soft: #f0dfa0;
  --color-white: #ffffff;
  --color-gray-light: #d8d8d8;
  --color-gray-dark: #2c2c2c;

  --color-surface: rgba(5, 5, 5, 0.82);
  --color-surface-strong: rgba(44, 44, 44, 0.88);
  --color-border: rgba(255, 255, 255, 0.12);
  --color-text: #ffffff;
  --color-text-muted: rgba(255, 255, 255, 0.78);
  --color-text-soft: rgba(255, 255, 255, 0.55);
  --color-text-dark: #050505;
  --color-input-bg: #ffffff;
  --color-error: #ff4444;
  --color-success: #5dd879;

  /* Avenir Black — menu, botões e títulos de interface */
  --font-heading: "Avenir", system-ui, -apple-system, "Segoe UI", sans-serif;
  /* Avenir Regular — corpo, formulários e textos de apoio */
  --font-body: "Avenir", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-ui: var(--font-body);
  /* Didot Bold — títulos de seção (uso pontual) */
  --font-section: "Didot", "Georgia", "Times New Roman", serif;

  --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;
  --hero-stack-h: calc(var(--header-h) + var(--promo-encerrada-h, 0px) + var(--countdown-h, 0px));
  --lor-bp-mobile: 991px;

  --lor-asset-bg-01: url("../assets/background1_1920.webp");
  --lor-asset-bg-01-m: url("../assets/background1_1080.webp");
  --lor-asset-bg-02: url("../assets/background1_1920.webp");
  --lor-asset-bg-02-m: url("../assets/background1_1080.webp");
  --lor-asset-bg-03: url("../assets/background3_1080.webp");
  --lor-asset-bg-03-m: url("../assets/background3_1080.webp");
  --lor-asset-bg-04-p: url("../assets/background2_1080.webp");
  --lor-asset-bg-04-p-m: url("../assets/background2_1080.webp");

  --hero-kv-mobile-h: calc(100vw * 1920 / 1080);
  --hero-mobile-content-offset: clamp(34vh, calc(var(--hero-kv-mobile-h) * 0.34), 48vh);
  --hero-mobile-content-offset-flow: clamp(28vh, calc(var(--hero-kv-mobile-h) * 0.28), 42vh);
  --hero-mobile-content-offset-logged: clamp(32vh, calc(var(--hero-kv-mobile-h) * 0.32), 46vh);

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

  --shadow-lg: 0 24px 64px rgba(0, 0, 0, 0.55);
  --shadow-card: 0 12px 40px rgba(0, 0, 0, 0.45);
  --glow-gold: 0 0 28px rgba(201, 162, 39, 0.45);
  --glow-gold-soft: 0 0 24px rgba(232, 200, 114, 0.35);
  --glow-red: var(--glow-gold);
  --glow-fire: var(--glow-gold-soft);

  --gradient-page: linear-gradient(165deg, #050505 0%, #1a1508 45%, #050505 100%);
  --gradient-brand: linear-gradient(135deg, #6b5018 0%, #c9a227 55%, #e8c872 100%);
  --gradient-fire: linear-gradient(135deg, #c9a227 0%, #e8c872 100%);
  --gradient-hero-overlay: linear-gradient(to left, rgba(5, 5, 5, 0.88) 0%, rgba(5, 5, 5, 0.35) 35%, transparent 55%);

  /* Fenix legado — aliases para compatibilidade */
  --c-orange1: var(--color-primary);
  --c-orange2: var(--color-fire);
  --c-orange3: var(--color-primary-dark);
  --c-white: #fff;
  --c-black: #050505;
  --c-black2: #2c2c2c;
  --c-gray: #d8d8d8;
  --c-gray2: #f0f0f0;
  --c-graydark: #6b6b6b;
  --c-check: var(--color-success);
  --c-error: var(--color-error);
}