/* Cracked tokens. Charcoal, one orange, and depth made of light: a tone step, a 1px top highlight, a hairline
   ring and a soft layered shadow. DESIGN.md "The premium system" says where each number came from. */
:root{
 /* color: one cool-neutral charcoal family, one orange */
 --bg:#111315;--bg-deep:#0b0c0e;--surface:#1a1d20;--surface-raised:#23272b;--surface-pressed:#2b3035;--media-bg:#08090b;
 --ink:#f5f5f3;--muted:#aab0b6;--faint:#80868d;
 --line:rgba(255,255,255,.08);--line-strong:rgba(255,255,255,.16);
 --accent:#ff794a;--accent-hover:#ff8c64;--accent-pressed:#ed683b;--link:#ff956e;
 --accent-tint:rgba(255,121,74,.14);--accent-ring:rgba(255,121,74,.45);
 --error:#ff9a91;--error-surface:#3a2224;--success:#9dd9b2;--on-accent:#19130f;
 --glass:rgba(22,24,27,.55);--glass-strong:rgba(17,19,21,.82);--scrim:rgba(0,0,0,.82);--color-backdrop:rgba(5,6,7,.62);

 /* gradients: surfaces and the orange are both lit from above; the lip and colored shadow carry the button's depth */
 --grad-surface:linear-gradient(180deg,#1e2226 0%,#171a1d 100%);
 --grad-raised:linear-gradient(180deg,#2a2e33 0%,#212428 100%);
 --grad-accent:linear-gradient(180deg,#ff8f63 0%,#ff7a45 48%,#f0652f 100%);
 --grad-scrim:linear-gradient(to top,rgba(0,0,0,.88) 0%,rgba(0,0,0,.5) 40%,rgba(0,0,0,0) 70%);
 --ambient:radial-gradient(110% 46% at 50% -6%,rgba(255,121,74,.12),rgba(255,121,74,0) 72%),radial-gradient(70% 38% at 100% 0%,rgba(255,255,255,.035),rgba(255,255,255,0) 70%);
 --noise:url("data:image/png;base64,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");

 /* light: the top highlight and the hairline ring replace flat borders */
 --hi:inset 0 1px 0 rgba(255,255,255,.07);
 --ring:0 0 0 1px rgba(255,255,255,.07);
 --ring-media:inset 0 0 0 1px rgba(255,255,255,.1);

 /* elevation: several soft layers, never one hard drop */
 --elev-1:0 1px 1px rgba(0,0,0,.28),0 3px 8px -2px rgba(0,0,0,.38);
 --elev-2:0 1px 2px rgba(0,0,0,.3),0 10px 20px -8px rgba(0,0,0,.55),0 24px 48px -20px rgba(0,0,0,.6);
 --elev-3:0 2px 4px rgba(0,0,0,.3),0 18px 36px -14px rgba(0,0,0,.65),0 44px 88px -28px rgba(0,0,0,.75);
 --elev-sheet:0 -1px 0 rgba(255,255,255,.08),0 -28px 64px -16px rgba(0,0,0,.75);
 --glow-accent:0 24px 72px -28px rgba(255,121,74,.55);

 /* buttons: a lit top edge, a darker 2px lip, a colored shadow (Flashloop, Higgsfield); the lip closes on press */
 --btn-primary:inset 0 1px 0 rgba(255,226,208,.6),inset 0 -2px 0 rgba(150,50,16,.28),0 10px 20px -12px rgba(255,110,60,.55),0 2px 4px rgba(0,0,0,.35);
 --btn-primary-press:inset 0 1px 0 rgba(255,226,208,.5),inset 0 -1px 0 rgba(150,50,16,.42),0 5px 12px -8px rgba(255,110,60,.7),0 1px 2px rgba(0,0,0,.35);
 --btn-primary-hover:inset 0 1px 0 rgba(255,226,208,.8),inset 0 -2px 0 rgba(150,50,16,.28),0 0 44px -8px rgba(255,121,74,.6),0 2px 4px rgba(0,0,0,.35);
 --btn-secondary:inset 0 1px 0 rgba(255,255,255,.08),0 0 0 1px rgba(255,255,255,.07),0 2px 6px -2px rgba(0,0,0,.5);

 /* type */
 --body:'Figtree',-apple-system,BlinkMacSystemFont,sans-serif;--display:'Figtree',sans-serif;
 --text-caption:.75rem;--text-small:.875rem;--text-body:1rem;--text-lead:1.0625rem;--text-emphasis:1.25rem;
 --text-title:1.5rem;--text-sheet:1.75rem;--text-heading:2.125rem;--text-display:2.5rem;--text-desktop:3.5rem;
 --track-display:-.045em;--track-title:-.035em;--track-tight:-.015em;

 /* space and shape */
 --space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-xxl:48px;
 --radius-sm:10px;--radius-control:14px;--radius-media:20px;--radius-card:22px;--radius-sheet:28px;--radius-pill:999px;
 --nav-h:56px;--dock-h:136px;

 /* motion: presses are quick, entries are slow and heavy, sheets use a spring-like curve (Linear, Vaul) */
 /* design/MOTION.md: Emil Kowalski's ease-out for anything arriving or leaving, the Vaul curve for the sheet, press in
    fast and out slower, exits about half an entry. --rise is how far content travels in; reduced motion sets it to 0. */
 --ease-out:cubic-bezier(.23,1,.32,1);--ease-press:cubic-bezier(.23,1,.32,1);--ease-sheet:cubic-bezier(.32,.72,0,1);--ease-in-out:cubic-bezier(.77,0,.175,1);
 --dur-micro:100ms;--dur-release:160ms;--dur-hover:180ms;--dur-enter:400ms;--dur-sheet:500ms;--dur-pop:260ms;--dur-exit:220ms;--dur-reveal:700ms;
 --rise:8px;--press:.97;
 --z-nav:15;--z-sticky:20;
}
/* Arriving from another Cracked page (public/arrive.js): no entry motion, the page is simply there. Entry motion stays for
   the first page of a visit (design/MOTION.md §1). The delays are the staggered entries, which would otherwise hold
   those pieces invisible for a beat. */
html.from-inside{--dur-enter:0s}
html.from-inside :is(.op-hero-top,.op-hero-copy,.op-trio,.effect-grid>*,#journey-form){animation-delay:0s}
