/* ========================================================================== ACE OF FADEZ — BRAND TOKENS Art direction: "Bottle & Brass" — a dark gentleman's-escape shell with a per-house accent, sourced from the client's own descriptions of each salon: Crows Nest — "green and gold tones" -> bottle green + brass Lane Cove — "sleek, black-and-white" -> graphite + chrome Change the values in this file to re-skin the entire site. ========================================================================== */ :root { /* --- Ink: the shared dark shell (a near-black with a green cast) ------- */ --ink-950: #070A08; --ink-900: #0B0F0C; --ink-850: #101511; --ink-800: #151B17; --ink-700: #1D2520; --ink-600: #2A342D; /* --- Paper: warm oyster for long-form reading ------------------------- */ --paper: #EDEBE4; --paper-2: #E2DFD5; --paper-3: #D5D1C4; --paper-ink:#141815; /* --- Type colours ----------------------------------------------------- */ --bone: #F0ECE1; /* primary text on dark */ --bone-2: #B9B3A5; /* secondary text on dark */ --bone-3: #837D71; /* tertiary / captions */ /* --- Rules & edges ---------------------------------------------------- */ --line: rgba(240, 236, 225, 0.14); --line-soft: rgba(240, 236, 225, 0.08); --line-dark: rgba(20, 24, 21, 0.14); /* --- HOUSE ACCENT (overridden per salon, see below) ------------------- */ --house: #1C3B2E; /* bottle green */ --house-deep: #122619; --house-glow: rgba(201, 162, 39, 0.16); --accent: #C9A227; /* brass */ --accent-2: #E3C767; --accent-ink: #0B0F0C; /* text on accent */ /* --- Feedback --------------------------------------------------------- */ --ok: #6FAE7C; --warn: #D9A441; --danger: #D6644E; /* --- Type ------------------------------------------------------------- */ --display: 'Bodoni Moda', 'Didot', 'Playfair Display', Georgia, 'Times New Roman', serif; --body: 'Archivo', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; --t-2xs: 0.6875rem; /* 11 */ --t-xs: 0.75rem; /* 12 */ --t-sm: 0.875rem; /* 14 */ --t-base:1rem; /* 16 */ --t-md: 1.125rem; /* 18 */ --t-lg: 1.375rem; /* 22 */ --t-xl: 1.75rem; /* 28 */ --t-2xl: 2.25rem; /* 36 */ --t-3xl: 2.875rem; /* 46 */ --t-4xl: 3.75rem; /* 60 */ /* --- Space (4px base) ------------------------------------------------- */ --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s5: 24px; --s6: 32px; --s7: 48px; --s8: 64px; --s9: 96px; --s10: 128px; /* --- Structure -------------------------------------------------------- */ --radius: 0px; /* the ledger is square by discipline */ --radius-field: 2px; --shell: 1280px; --measure: 68ch; --header-h: 76px; /* --- Motion ----------------------------------------------------------- */ --ease: cubic-bezier(0.2, 0.7, 0.2, 1); --dur: 0.22s; --dur-slow: 0.6s; } /* -------------------------------------------------------------------------- HOUSE THEMES `data-house` is set on by site.js and persisted across pages. -------------------------------------------------------------------------- */ [data-house='crows-nest'] { --house: #1C3B2E; --house-deep: #0F2018; --house-glow: rgba(201, 162, 39, 0.18); --accent: #C9A227; --accent-2: #E3C767; --accent-ink: #0B0F0C; } [data-house='lane-cove'] { --house: #21242A; --house-deep: #131519; --house-glow: rgba(207, 214, 220, 0.14); --accent: #CFD6DC; --accent-2: #EAEFF3; --accent-ink: #0B0F0C; } /* Scoped house tinting — lets a single page show both salons side by side without either one hijacking the global theme. */ .house--crows-nest { --house: #1C3B2E; --house-deep: #0F2018; --accent: #C9A227; --accent-2: #E3C767; --accent-ink: #0B0F0C; --house-glow: rgba(201, 162, 39, 0.18); } .house--lane-cove { --house: #21242A; --house-deep: #131519; --accent: #CFD6DC; --accent-2: #EAEFF3; --accent-ink: #0B0F0C; --house-glow: rgba(207, 214, 220, 0.14); }