/*
=================================================================
Retep Advisory Website v2
01-tokens.css

Design Tokens
=================================================================
*/

:root{

/* Brand */
--color-navy:#0F2336;
--color-navy-soft:#1A3C5E;
--color-gold:#C8922A;

--color-background:#F4F0E6;
--color-surface:#FBF9F3;

--color-text:#1A1A1A;
--color-text-muted:#666666;
--color-border:#D8D4CC;

/* Typography */
--font-heading:Georgia,"Times New Roman",serif;
--font-body:"Helvetica Neue",Helvetica,Arial,sans-serif;

--fw-regular:400;
--fw-medium:500;
--fw-semibold:600;

--fs-xs:0.75rem;
--fs-sm:0.875rem;
--fs-base:1.125rem;
--fs-lg:1.375rem;
--fs-xl:2rem;
--fs-2xl:3rem;
--fs-3xl:4.5rem;

--line-tight:1.15;
--line-body:1.75;

--measure:42rem;

/* Spacing */
--space-0:0;
--space-1:.5rem;
--space-2:1rem;
--space-3:1.5rem;
--space-4:2rem;
--space-5:3rem;
--space-6:5rem;
--space-7:8rem;
--space-8:12rem;

/* Layout */
--container:980px;
--container-wide:1180px;
--reading-width:720px;

/* Borders */
--border-thin:1px solid var(--color-border);
--border-accent:3px solid var(--color-gold);

/* Motion */
--transition-fast:180ms ease;
--transition-normal:260ms ease;

/* Layers */
--z-header:1000;
--z-menu:1100;
--z-overlay:1200;

/* Editorial */
--radius-none:0;
--shadow-none:none;

}