/* ZATROC design tokens. Values are taken from the approved mockup boards (mockup/boards/*.dc.html).
   Ported mockup rules keep their literal values so they stay traceable to the boards; these tokens
   document the palette and serve the production-only rules. */
@layer tokens, base, layout, components, sections, motion;

@layer tokens {
:root{
  --ink-900:#0B1F2E;--ink-700:#23394A;--ink-500:#5B6B78;--ink-400:#7C8A96;--ink-300:#A7B2BB;--ink-200:#C9D2D8;
  --surface-0:#FFFFFF;--surface-50:#F6F8F9;--surface-100:#EDF1F3;--surface-150:#F1F3F5;
  --line:#E1E6EA;--line-dash:#D3DAE0;
  --accent:#137A7F;--accent-strong:#0E5E62;--accent-light:#5FB6B9;--accent-soft:#E6F2F2;--mint:#EEF5F5;
  --normal:#1F6B4B;--normal-bg:#E7F3EC;--followup:#845A0C;--followup-bg:#FBF1DC;--referral:#9A3A31;--referral-bg:#F8E8E6;
  --radius-pill:999px;--radius-card:24px;--radius-tile:14px;
  --shadow-card:0 1px 2px rgba(11,31,46,.04),0 18px 40px -20px rgba(11,31,46,.22);
  --ease-out:cubic-bezier(.22,1,.36,1);--ease-std:cubic-bezier(.4,0,.2,1);--spring:cubic-bezier(.34,1.56,.64,1)
}
/* Direction (BUILD_SPEC §7): --dir is -1 in RTL and 1 in LTR; --start/--end are the x of the inline start/end
   for transform-origin; --start-side is the physical start side, for text-align on dir="ltr" fields. */
.zt{--dir:-1;--start:100%;--end:0%;--start-side:right}
.zt:lang(en){--dir:1;--start:0%;--end:100%;--start-side:left}
/* Main.dc.html */
.zt{--ease-out:cubic-bezier(.22,1,.36,1);--ease-std:cubic-bezier(.4,0,.2,1);--spring:cubic-bezier(.34,1.56,.64,1)}
}

/* Registered properties are global, so they sit outside the layers. */
@property --n{syntax:'<integer>';inherits:false;initial-value:0}
@property --r{syntax:'<length>';inherits:false;initial-value:0px}