:root{
/* Brand palette — base values */
--rc-deep:#1C5D66;
--rc-aqua:#53BFB7;
--rc-red:#E5392A;
--rc-lime:#D6F604;
--rc-sand:#F6EEE6;
--rc-slate:#6E767A;
--rc-ink:#0B0B0B;
--rc-white:#FFFFFF;

--rc-deep-900:oklch(28% 0.045 205);
--rc-deep-700:#164B53;
--rc-deep-500:var(--rc-deep);
--rc-deep-300:oklch(62% 0.06 197);
--rc-deep-100:oklch(88% 0.03 197);
--rc-aqua-700:#3C9E97;
--rc-aqua-300:oklch(85% 0.06 182);
--rc-aqua-100:oklch(94% 0.028 182);
--rc-red-700:#B92A1E;
--rc-red-100:oklch(93% 0.04 30);
--rc-sand-200:#EFE4D8;
--rc-sand-400:#E2D3C3;
--rc-slate-300:#C3C8CA;
--rc-slate-100:#E7EAEB;

--surface-page:#FDFAF6;
--surface-card:var(--rc-white);
--surface-inverse:var(--rc-deep);
--surface-inverse-deep:var(--rc-deep-900);
--surface-subtle:#F2ECE5;
--surface-highlight:var(--rc-lime);

--text-heading:#1C5D66;
--text-body:#22292B;
--text-muted:var(--rc-slate);
--text-inverse:var(--rc-white);
--text-link:var(--rc-deep);
--text-link-hover:var(--rc-red);
--text-accent:var(--rc-deep);

--border-hairline:rgba(11,11,11,0.14);
--border-strong:var(--rc-ink);
--border-inverse:rgba(255,255,255,0.24);

--action-primary-bg:var(--rc-deep);
--action-primary-fg:var(--rc-white);
--action-primary-bg-hover:var(--rc-deep-700);
--action-secondary-bg:transparent;
--action-secondary-fg:var(--rc-ink);
--action-danger-bg:var(--rc-red);
--action-focus-ring:var(--rc-aqua);

--status-critical:var(--rc-red);
--status-caution:var(--rc-lime);
--status-stable:var(--rc-aqua);
--status-info:var(--rc-deep);

--data-1:var(--rc-aqua-300);
--data-2:var(--rc-aqua);
--data-3:var(--rc-deep);
--data-4:var(--rc-lime);
--data-5:var(--rc-red);

--font-display:"Space Grotesk","Helvetica Neue",Arial,sans-serif;
--font-ui:"Space Grotesk","Helvetica Neue",Arial,sans-serif;
--font-serif:"IBM Plex Serif",Georgia,serif;
--font-body:"Inter","Helvetica Neue",Arial,sans-serif;

--fs-display-1:72px;
--fs-display-2:56px;
--fs-h1:40px;
--fs-h2:30px;
--fs-h3:22px;
--fs-h4:18px;
--fs-body-lg:19px;
--fs-body:16px;
--fs-body-sm:14px;
--fs-caption:12px;
--fs-label:11px;

--lh-tight:1.04;
--lh-heading:1.14;
--lh-snug:1.35;
--lh-body:1.6;
--lh-loose:1.75;

--fw-light:300;
--fw-regular:400;
--fw-medium:500;
--fw-semibold:600;
--fw-bold:700;

--ls-display:-0.02em;
--ls-heading:-0.01em;
--ls-body:0em;
--ls-label:0.14em;

--text-display-1:var(--fw-bold) var(--fs-display-1)/var(--lh-tight) var(--font-display);
--text-h1:var(--fw-bold) var(--fs-h1)/var(--lh-heading) var(--font-display);
--text-h3:var(--fw-medium) var(--fs-h3)/var(--lh-snug) var(--font-display);
--text-body-serif:var(--fw-regular) var(--fs-body-lg)/var(--lh-body) var(--font-serif);
--text-label:var(--fw-medium) var(--fs-label)/1.2 var(--font-ui);

--space-0:0px;
--space-1:4px;
--space-2:8px;
--space-3:12px;
--space-4:16px;
--space-5:24px;
--space-6:32px;
--space-7:48px;
--space-8:64px;
--space-9:96px;
--space-10:128px;

--gutter:24px;
--section-y:96px;
--section-y-sm:56px;
--container-max:1240px;
--container-narrow:720px;

--radius-none:0px;
--radius-xs:2px;
--radius-sm:4px;
--radius-pill:999px;

--border-width:1px;
--border-width-strong:2px;
--rule-thick:6px;

--shadow-none:none;
--shadow-card:0 1px 0 rgba(11,11,11,0.10);
--shadow-raised:0 8px 24px -12px rgba(28,93,102,0.35);
--shadow-inset-hairline:inset 0 0 0 1px var(--border-hairline);

--ring-focus:0 0 0 3px color-mix(in srgb,var(--rc-aqua) 60%,transparent);

--dur-instant:80ms;
--dur-fast:140ms;
--dur-base:220ms;
--dur-slow:420ms;
--ease-standard:cubic-bezier(0.2,0,0,1);
--ease-out:cubic-bezier(0.16,1,0.3,1);
--ease-in-out:cubic-bezier(0.65,0,0.35,1);
--transition-control:background-color var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard);
}
