:root{
--bexo-ink-deep:#100d0a;
--bexo-ink:#1a1611;
--bexo-ink-elevated:#221c15;
--bexo-paper:#f5f2ea;
--bexo-white:#fffdf8;
--bexo-text:#f3ede1;
--bexo-muted:rgba(243,237,225,.62);
--bexo-border:rgba(243,237,225,.12);
--bexo-panel:rgba(243,237,225,.06);
--bexo-accent:#c9793d;
--bexo-accent-hover:#e0925a;
--bexo-accent-soft:#e8b98c;
--bexo-sky:#4f8a7d;
--bexo-indigo:#3f6b63;
--bexo-success:#6ee7b7;
--bexo-danger:#fda4af;
--bexo-warning:#fcd34d;
--bexo-grad-brand:linear-gradient(135deg,#e0925a 0%,#c9793d 52%,#a35f28 100%);
--bexo-grad-text:linear-gradient(135deg,#fffdf8 18%,#f3e6d6 58%,#e8b98c 100%);
--surface-page:var(--bexo-ink);
--surface-page-deep:var(--bexo-ink-deep);
--surface-elevated:var(--bexo-ink-elevated);
--surface-card:rgba(243,237,225,.035);
--surface-card-hover:rgba(243,237,225,.05);
--surface-glass:rgba(16,13,10,.75);
--text-primary:var(--bexo-text);
--text-muted:var(--bexo-muted);
--text-accent:var(--bexo-accent-soft);
--border-default:var(--bexo-border);
--border-accent:rgba(201,121,61,.4);
}
@import url("https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,450;0,9..144,600;1,9..144,450;1,9..144,500&family=Work+Sans:wght@400;500;600;700;800&family=IBM+Plex+Mono:wght@400;500&display=swap");
:root{
--font-serif:"Fraunces",Georgia,serif;
--font-sans:"Work Sans",system-ui,sans-serif;
--font-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
--text-display-xl:clamp(2.4rem,6vw,4.75rem);
--text-display-lg:clamp(2rem,4.2vw,3.25rem);
--text-display-md:1.85rem;
--text-body-lg:1.1rem;
--text-body:0.95rem;
--text-body-sm:0.875rem;
--text-label:0.8rem;
--text-eyebrow:0.7rem;
--weight-regular:400;
--weight-medium:500;
--weight-semibold:600;
--weight-bold:700;
--weight-black:800;
--tracking-tight:-0.03em;
--tracking-wide:0.06em;
--tracking-eyebrow:0.14em;
--leading-tight:1.05;
--leading-body:1.65;
}
:root{
--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:2.5rem;--space-8:4rem;
--radius-sm:.75rem;--radius-md:1.15rem;--radius-lg:1.35rem;--radius-xl:1.75rem;--radius-pill:999px;
--container-max:1120px;
}
:root{
--shadow-glow:0 14px 40px -14px rgba(201,121,61,.45);
--shadow-card:0 20px 48px -16px rgba(201,121,61,.22);
--shadow-panel:0 32px 72px -24px rgba(16,13,10,.85),0 0 0 1px rgba(201,121,61,.12),inset 0 1px 0 rgba(243,237,225,.12);
--shadow-elevated:0 24px 60px -20px rgba(0,0,0,.6);
--blur-glass:blur(28px) saturate(150%);
--ease-out:cubic-bezier(.22,1,.36,1);
--duration-fast:.2s;
--duration-base:.3s;
--duration-slow:.4s;
}