/* ========================================================================== ADHVANTA — DESIGN TOKENS ("Oxblood & Brass") -------------------------------------------------------------------------- A light theme. Warm ivory ground, white cards, stone bands, a deep oxblood accent and an antique-brass highlight, over warm near-black text. There is no dark mode and no dark section — if you find a dark background anywhere in the CSS, it is a bug. WHY OXBLOOD AND BRASS Deep wine and brass is the heritage-hotel register — the Taj and Oberoi end of Indian hospitality. It keeps the warmth of the terracotta this theme started with, but at a much lower lightness, so it reads as expensive rather than as a tourism brochure. Brass supplies the metallic note that stops the page from feeling flat. THE LOGO IS ORANGE adhvanta hospitality's mark is a bright orange. Oxblood is in the same warm family, so the two harmonise instead of competing — the logo stays the brightest thing on the page, which is where the eye should go. Keep --accent DEEP. Lighten it towards red and it starts to argue with the logo instead of sitting under it. Two earlier directions were tried and rejected: a dark indigo theme ("Desert Nocturne") and a forest-green one. Do not go back to either. Every colour, size and easing used anywhere in the theme is declared here. Change a value once and it propagates site-wide. Nothing else hard-codes a hex value. ========================================================================== */ :root { /* --- Grounds ----------------------------------------------------------- Four warm neutrals the page alternates between, lightest to deepest. Stone rather than pink sand, so they sit under the green without turning mauve where the two meet. */ --cream: #FAF8F2; /* default page ground */ --cream-2: #F3F0E6; /* alternating band */ --sand: #E7E3D5; /* deeper band, footer */ --sand-2: #D2CDB9; /* borders and rules on sand */ --surface: #FFFFFF; /* cards, tables, form fields */ /* The hero and header scrims fade the ground out over a photograph, which needs the channels separately. Keep this in step with --cream. */ --cream-rgb: 250, 248, 242; /* --- Oxblood: the accent ------------------------------------------------ CTAs, links, rules, active states. Deep on purpose — see the note about the logo above. 10.7:1 against white, so white text on a wine button is comfortably legible. */ --accent: #6E2431; --accent-deep: #521824; /* hover, pressed, links on cream (12.2:1) */ --accent-tint: #F5E7E9; /* tinted panel behind a highlight */ --accent-glow: rgba(110, 36, 49, .20); /* --- Antique brass: the highlight -------------------------------------- Decoration only — section rules, numerals, stars. Never body text: at 3.1:1 on cream it is legible at 2rem and up, and nowhere else. This is what keeps the green from reading as "organic grocery". Use it sparingly; it stops working the moment it is everywhere. */ --brass: #B0843F; /* rules, stars, non-text marks (3.2:1) */ --brass-deep: #8A6730; /* numerals and figures (4.9:1 on cream) */ /* --- Ink: text ---------------------------------------------------------- Deliberately still warm. A cool near-black under a green accent makes the whole page feel clinical, and these tones carry the line and shadow values further down. */ --ink: #1F1B17; /* headings, emphasis */ --ink-2: #5C544B; /* body copy */ /* Captions, meta and placeholders. Darkened from the old #8A8177, which only reached 3.6:1 on the page ground and failed AA — pale grey meta text is the most common contrast failure there is. 4.8:1 now. */ --ink-3: #71695F; /* --- Lines --------------------------------------------------------------- */ --line: rgba(31, 27, 23, .10); --line-2: rgba(31, 27, 23, .18); /* --- Signal colours ------------------------------------------------------ Success is green and warning is a lighter red-orange. Neither is the accent: a wine tick mark would not read as "included", and --warn sits far enough above --accent in lightness to stay distinct from it. */ --ok: #2E7D5B; --warn: #B4543A; --whatsapp: #25D366; --whatsapp-ink: #06301A; /* --- Date tiers (Rann Utsav tariff calendar) ----------------------------- Three tiers that must stay apart from each other AND from the brand green, or the calendar stops being readable at a glance. Descending: purple, blue, muted olive. */ --tier-premium: #7A4FBF; --tier-regular: #2F6FB5; --tier-economy: #6E7A52; /* --- Type ---------------------------------------------------------------- Two families: Fraunces, a variable optical-size serif, for headings, and Manrope for everything else. A serif carries its own rhythm and wants far less negative tracking than a geometric sans — see --ls-hero and --ls-head below, which are much tighter than the values this theme used with a single sans family. */ --font: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; --font-display: "Fraunces", Georgia, "Times New Roman", serif; /* Fluid scale — clamp(min, preferred, max), so nothing needs a media query just to resize a heading. */ /* The hero and H1 were set a size too large: at 5.1rem the homepage headline wrapped to three lines and pushed the lede off the fold, and on a phone 2.6rem broke "We build the camp." across two lines before the accent even started. Both come down a step; the rest of the scale is unchanged, so body copy and section headings are untouched. */ --fs-hero: clamp(2.05rem, 1.35rem + 3.1vw, 3.9rem); --fs-h1: clamp(1.9rem, 1.4rem + 2.1vw, 3.1rem); --fs-h2: clamp(1.7rem, 1.3rem + 1.7vw, 2.5rem); --fs-h3: clamp(1.25rem, 1.08rem + .75vw, 1.65rem); --fs-h4: clamp(1.05rem, .98rem + .35vw, 1.2rem); --fs-lede: clamp(1.03rem, .97rem + .35vw, 1.18rem); --fs-body: 1rem; --fs-sm: .9375rem; --fs-xs: .8125rem; --fs-eyebrow: .75rem; /* Display weights carry the hierarchy, since there is no second family. */ --fw-body: 400; --fw-med: 500; --fw-semi: 600; --fw-bold: 700; --fw-black: 800; --lh-tight: 1.08; --lh-snug: 1.14; --lh-body: 1.68; /* Tracking for the serif. Barely negative, and none at all at small sizes — tightening a serif the way you would a geometric sans closes the counters and makes it look cramped. */ --ls-hero: -.018em; --ls-head: -.012em; --ls-eyebrow: .16em; --ls-caps: .08em; /* --- Space ---------------------------------------------------------------- */ --gutter: clamp(1.25rem, 4vw, 2.5rem); --container: 1240px; --container-wide:1480px; --container-text: 720px; --section-y: clamp(4rem, 7.5vw, 8rem); --section-y-sm: clamp(2.75rem, 4.5vw, 4.5rem); /* --- Radius --------------------------------------------------------------- Softer than the previous theme. Light designs can carry more curve before they look childish, and it suits the warm palette. */ --r-sm: 8px; --r-md: 14px; --r-lg: 22px; --r-xl: 32px; --r-pill: 999px; /* --- Elevation ------------------------------------------------------------ Warm-tinted shadows. A neutral grey shadow on an ivory ground reads as dirty; these are built from the ink colour instead. */ --shadow-sm: 0 1px 2px rgba(31, 27, 23, .04), 0 3px 8px rgba(31, 27, 23, .04); --shadow-md: 0 2px 6px rgba(31, 27, 23, .05), 0 12px 28px rgba(31, 27, 23, .07); --shadow-lg: 0 6px 18px rgba(31, 27, 23, .07), 0 28px 60px rgba(31, 27, 23, .10); --shadow-accent: 0 6px 20px var(--accent-glow); /* --- Motion ---------------------------------------------------------------- */ --ease: cubic-bezier(.4, 0, .2, 1); --ease-out: cubic-bezier(.16, 1, .3, 1); --t-fast: .18s; --t-med: .34s; --t-slow: .6s; /* --- Chrome ---------------------------------------------------------------- */ --header-h: 82px; --header-h-sm: 66px; --z-header: 100; --z-drawer: 200; --z-sticky-cta: 90; } @media (max-width: 860px) { :root { --header-h: var(--header-h-sm); } } @media (prefers-reduced-motion: reduce) { :root { --t-fast: .01ms; --t-med: .01ms; --t-slow: .01ms; } }