﻿:root {
    --panel: rgba(255, 252, 246, 0.9);
    --panel-strong: #fffaf1;
    --ink: #16254f;
    --ink-soft: #42506f;
    --accent: #c7a13f;
    --accent-deep: #9d7521;
    --line: rgba(22, 37, 79, 0.12);
    --font-display: "Segoe UI", Arial, sans-serif;
    --font-body: "Segoe UI", Arial, sans-serif;
    --shadow: 0 12px 34px rgba(25, 39, 78, 0.08);
    --shadow-soft: 0 8px 22px rgba(25, 39, 78, 0.06);
    --radius-xl: 18px;
    --radius-lg: 14px;
    --radius-md: 10px;
}

body {
    background:
        radial-gradient(circle at top left, rgba(199, 161, 63, 0.18), transparent 28%),
        radial-gradient(circle at right center, rgba(22, 37, 79, 0.08), transparent 24%),
        linear-gradient(180deg, #fbf8f2 0%, #f5f0e6 100%);
}

html { font-size: 15px; }
.site-nav a, .mobile-only-link { font-size: 14px; }
body { line-height: 1.55; }
h1 { font-size: clamp(28px, calc(28px + (17) * ((100vw - 390px) / 1050)), 45px); }
h2 { font-size: clamp(20px, calc(20px + (9) * ((100vw - 390px) / 1050)), 29px); }
h3 { font-size: clamp(16px, calc(16px + (0) * ((100vw - 390px) / 1050)), 16px); }
.hero-copy > .eyebrow, .page-hero > .eyebrow, .section-heading > .eyebrow, .split-copy > .eyebrow, .feature-copy > .eyebrow, .property-main > .eyebrow, .flow-panel > .eyebrow { font-size: clamp(13px, calc(13px + (1) * ((100vw - 390px) / 1050)), 14px); }
.hero-copy h1 { font-size: clamp(28px, calc(28px + (17) * ((100vw - 390px) / 1050)), 45px); }
.hero-copy > p { font-size: clamp(14px, calc(14px + (1) * ((100vw - 390px) / 1050)), 15px); }
.page-hero h1 { font-size: clamp(24px, calc(24px + (10) * ((100vw - 390px) / 1050)), 34px); }
.page-hero > p { font-size: clamp(14px, calc(14px + (1) * ((100vw - 390px) / 1050)), 15px); }
h1, h2, h3, h4 { font-weight: 500; }
.container { width: min(1120px, calc(100% - 32px)); }
.site-header { background: rgb(245, 240, 230) !important; }
.site-header { backdrop-filter: none; }
body:not(.admin-body)::before { opacity: 1; }
body.admin-body::before { content: none !important; display: none !important; }
.button { color: #fffaf1; background: linear-gradient(135deg, #16254f 0%, #223771 100%); }
.button, button, input[type="submit"] { border-radius: 12px !important; }
