/* ------------------------------------------------------------- Dalia Stays - World Class palette (07/05/2026) Verde profundo + ouro envelhecido + cream papel + carvao. Tipografia: Cormorant Infant (display) + Spectral (prose) + Inter (UI). ------------------------------------------------------------- */ /* Google Fonts movido pro dos HTMLs (evita cadeia de bloqueio em serie via @import) */ :root { /* -- World class palette (07/05/2026) -------------------- */ --dalia-green-deep: #163A2A; --dalia-green-medium: #1F4D38; --dalia-gold: #B8973A; --dalia-gold-light: #D4B860; --dalia-cream: #F5EFE6; --dalia-charcoal: #161616; --dalia-white: #FFFFFF; /* -- Aliases retrocompat (paleta DS legado) --------------- Tudo que era off-white agora aponta pro cream papel. Tudo que era black aponta pro charcoal world class. */ --ds-white: var(--dalia-cream); /* era #FAFAF8 */ --ds-white-warm: #EFE8DC; /* cream com 1 nota mais quente */ --ds-black: var(--dalia-charcoal); /* era #0A0A0A */ --ds-black-soft: #1A1A1A; --ds-gold: var(--dalia-gold); /* mantido #B8973A */ --ds-gold-lt: var(--dalia-gold-light);/* era #C9A84C */ --ds-gold-soft: rgba(184,151,58,0.15); /* -- Aliases adicionais pra forms e legados --------------- */ --dalia-aged-gold: var(--dalia-gold); --dalia-off-white: var(--dalia-cream); /* -- Neutrals --------------------------------------------- */ --ds-gray: #6B6B6B; /* texto secundario */ --ds-gray-lt: #D4D4D0; /* bordas, divisores, inputs */ --ds-gray-xlt: #EAEAE6; /* placeholders, fundos sutis */ /* -- Semantic (fg/bg) ------------------------------------- */ --ds-fg: var(--ds-black); --ds-fg-muted: var(--ds-gray); --ds-fg-faint: rgba(10,10,10,0.4); --ds-fg-on-dark: rgba(255,255,255,0.92); --ds-fg-muted-on-dark: rgba(255,255,255,0.55); --ds-fg-faint-on-dark: rgba(255,255,255,0.25); --ds-bg: var(--ds-white); --ds-bg-warm: var(--ds-white-warm); --ds-bg-dark: var(--ds-black); --ds-bg-dark-alt: var(--ds-black-soft); --ds-border: var(--ds-gray-lt); --ds-border-dark: rgba(255,255,255,0.07); --ds-accent: var(--ds-gold); --ds-accent-hi: var(--ds-gold-lt); /* -- Typography: families (world class 07/05) ------------- */ --font-display: 'Cormorant Infant', 'Editorial New', 'GT Sectra', 'Tiempos Headline', Georgia, serif; --font-prose: 'Spectral', 'Tiempos Text', Georgia, serif; --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif; --tracking-display: -0.02em; --tracking-sans-uppercase: 0.1em; /* -- Aliases retrocompat com nomenclatura DS legada ------- */ --ds-serif: var(--font-display); --ds-sans: var(--font-sans); --ds-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; /* -- Typography: base sizes (nova hierarquia oficial) ----- */ --ds-display: clamp(3rem, 5.5vw, 4rem); /* 48-64px * serif 600 */ --ds-h1: clamp(2.5rem, 4.5vw, 3.5rem);/* 40-56px * serif 600 */ --ds-h2: clamp(2rem, 3.2vw, 2.5rem); /* 32-40px * serif 500 */ --ds-h3: clamp(1.5rem, 2.2vw, 1.75rem);/* 24-28px * serif 500 */ --ds-body-lg: 1.125rem; /* 18 * inter 400 * lh 1.55 */ --ds-body: 1rem; /* 16 * inter 400 * lh 1.6 */ --ds-body-sm: 0.875rem; /* 14 */ --ds-caption: 0.8125rem; /* 13 */ --ds-eyebrow: 0.75rem; /* 12 * inter 600 * letter-spacing .2em */ /* -- Weights (pesos oficiais: 400, 500, 600, 700) --------- */ --ds-weight-regular: 400; --ds-weight-medium: 500; --ds-weight-semibold: 600; --ds-weight-bold: 700; /* -- Letter spacing --------------------------------------- */ --ds-tracking-eyebrow: 0.20em; /* eyebrow/label */ --ds-tracking-button: 0.18em; /* botoes uppercase */ --ds-tracking-nav: 0.14em; --ds-tracking-caps: 0.08em; --ds-tracking-body: 0; /* -- Easing & timing -------------------------------------- */ --ds-ease: cubic-bezier(0.25, 0.46, 0.45, 0.94); --ds-ease-out: cubic-bezier(0.22, 1, 0.36, 1); --ds-dur-fast: 0.2s; --ds-dur-base: 0.35s; --ds-dur-slow: 0.85s; /* -- Spacing scale (8px base, com ritmos grandes) --------- */ --ds-s-0: 0; --ds-s-1: 0.25rem; /* 4 */ --ds-s-2: 0.5rem; /* 8 */ --ds-s-3: 0.75rem; /* 12 */ --ds-s-4: 1rem; /* 16 */ --ds-s-5: 1.5rem; /* 24 */ --ds-s-6: 2rem; /* 32 */ --ds-s-7: 3rem; /* 48 */ --ds-s-8: 4rem; /* 64 */ --ds-s-9: 6rem; /* 96 - padding vertical de secoes */ --ds-s-10: 8rem; /* 128 - padding vertical premium */ /* -- Radii (comedido, quase nada) ------------------------- */ --ds-radius-0: 0; /* padrao: bordas retas, sem arredondamento */ --ds-radius-xs: 2px; /* chips pequenos, tags */ --ds-radius-sm: 6px; /* botoes alternativos, inputs do painel */ --ds-radius-md: 8px; /* cards de formulario */ --ds-radius-lg: 16px; /* cards de painel, modais */ --ds-radius-pill: 999px; /* badges redondas */ /* -- Shadows (discretos) ---------------------------------- */ --ds-shadow-0: none; --ds-shadow-sm: 0 2px 20px rgba(0,0,0,0.06); --ds-shadow-md: 0 12px 40px rgba(0,0,0,0.08); --ds-shadow-lg: 0 32px 80px rgba(0,0,0,0.20); --ds-shadow-xl: 0 32px 80px rgba(0,0,0,0.40); /* form-card sobre hero escuro */ /* -- Layers ----------------------------------------------- */ --ds-z-header: 100; --ds-z-mobile: 99; --ds-z-float: 999; } /* --------------------------------------------------------- Base tipografica --------------------------------------------------------- */ .ds-serif { font-family: var(--ds-serif); } .ds-sans { font-family: var(--ds-sans); } .ds-display { font-family: var(--ds-serif); font-weight: 600; font-size: var(--ds-display); line-height: 1.15; letter-spacing: -0.005em; color: var(--ds-fg); } .ds-display em, .ds-display .accent { font-style: italic; font-weight: 500; color: var(--ds-gold); } .ds-h1, h1.ds { font-family: var(--ds-serif); font-weight: 600; font-size: var(--ds-h1); line-height: 1.15; } .ds-h1 em, h1.ds em { font-style: italic; font-weight: 500; color: var(--ds-gold); } .ds-h1 strong, h1.ds strong { font-weight: 700; } .ds-h2, h2.ds { font-family: var(--ds-serif); font-weight: 500; font-size: var(--ds-h2); line-height: 1.15; } .ds-h2 strong, h2.ds strong { font-weight: 600; } .ds-h3, h3.ds { font-family: var(--ds-serif); font-weight: 500; font-size: var(--ds-h3); line-height: 1.2; } .ds-h4, h4.ds { font-family: var(--ds-sans); font-weight: 600; font-size: 1rem; line-height: 1.4; letter-spacing: 0.02em; } .ds-eyebrow { font-family: var(--ds-sans); font-size: var(--ds-eyebrow); font-weight: 600; letter-spacing: var(--ds-tracking-eyebrow); text-transform: uppercase; color: var(--ds-gold); } .ds-body-lg { font-family: var(--ds-sans); font-weight: 400; font-size: var(--ds-body-lg); line-height: 1.55; color: var(--ds-gray); } .ds-body, p.ds { font-family: var(--ds-sans); font-weight: 400; font-size: var(--ds-body); line-height: 1.6; color: var(--ds-gray); } .ds-body strong, p.ds strong { color: var(--ds-black); font-weight: 600; } .ds-caption { font-family: var(--ds-sans); font-size: var(--ds-caption); font-weight: 500; color: var(--ds-gray); letter-spacing: 0.08em; text-transform: uppercase; } .ds-label { font-family: var(--ds-sans); font-size: 0.875rem; font-weight: 500; color: var(--ds-black); letter-spacing: 0.08em; text-transform: uppercase; } .ds-button-label { font-family: var(--ds-sans); font-size: 0.875rem; font-weight: 600; letter-spacing: var(--ds-tracking-button); text-transform: uppercase; } .ds-number { font-family: var(--ds-serif); font-weight: 500; font-size: clamp(2.5rem, 4vw, 3.5rem); line-height: 1; color: var(--ds-black); } .ds-number em { color: var(--ds-gold); font-style: normal; font-weight: 600; } /* --------------------------------------------------------- Divisores e acentos --------------------------------------------------------- */ .ds-divider-gold { width: 48px; height: 1px; background: var(--ds-gold); margin: 1.8rem 0; border: 0; }