/* Shared site identity. Loaded by both normal and standalone error layouts. */
:root {
  --mh-package-saturation: .7;
  --mh-package-brightness: .95;
  --body-size: 16px;
  --button-size: 16px;
  --button-compact-size: calc(var(--button-size) * .9375);
  --control-height: 50px;
  --control-height-compact: max(52px, var(--control-height));
  --control-padding: 13px 24px;
  --control-padding-compact: 13px 20px;
  --scheme: dark;
  color-scheme: var(--scheme);
  --font-site: 'Cairo Variable', Tahoma, sans-serif;
  --accent: #dfba73;
  --color-black: #000000;
  --color-white: #ffffff;
  --deep: #060b16;
  --focus-ring: #e5c58c;
  --ink: #f4f2ec;
  --line: #26344d;
  --muted: #b3bdd0;
  --palette-gold-10: #a38450;
  --palette-gold-100: #eee9df;
  --palette-gold-110: #efeede;
  --palette-gold-120: #f5edda;
  --palette-gold-130: #fff4df;
  --palette-gold-140: #f5f5ed;
  --palette-gold-20: #c8a45c;
  --palette-gold-30: #e1c386;
  --palette-gold-40: #e2c385;
  --palette-gold-50: #dfc99f;
  --palette-gold-60: #edce95;
  --palette-gold-70: #efcf94;
  --palette-gold-80: #f0cc97;
  --palette-gold-90: #e2d9c8;
  --palette-navy-10: #020611;
  --palette-navy-100: #0c1526;
  --palette-navy-110: #0d1728;
  --palette-navy-120: #0f2426;
  --palette-navy-130: #0b162c;
  --palette-navy-140: #0e182b;
  --palette-navy-150: #101a2b;
  --palette-navy-160: #101a2c;
  --palette-navy-170: #142828;
  --palette-navy-180: #101b30;
  --palette-navy-190: #111c30;
  --palette-navy-20: #060b18;
  --palette-navy-200: #101d32;
  --palette-navy-210: #101d33;
  --palette-navy-220: #11203a;
  --palette-navy-230: #142038;
  --palette-navy-240: #13213a;
  --palette-navy-250: #142039;
  --palette-navy-260: #14213a;
  --palette-navy-270: #14213b;
  --palette-navy-280: #15223a;
  --palette-navy-290: #18253d;
  --palette-navy-30: #060c1b;
  --palette-navy-300: #272035;
  --palette-navy-310: #182744;
  --palette-navy-320: #172548;
  --palette-navy-330: #20304b;
  --palette-navy-340: #24304a;
  --palette-navy-350: #283047;
  --palette-navy-360: #33415b;
  --palette-navy-370: #3c4964;
  --palette-navy-380: #43516b;
  --palette-navy-390: #aab5c7;
  --palette-navy-40: #060d1b;
  --palette-navy-400: #a9bcd9;
  --palette-navy-410: #b9c2d2;
  --palette-navy-420: #c6cfdf;
  --palette-navy-430: #c9d0df;
  --palette-navy-440: #d0d6e1;
  --palette-navy-50: #080e1b;
  --palette-navy-60: #080f1d;
  --palette-navy-70: #080f1e;
  --palette-navy-80: #0a1426;
  --palette-navy-90: #0b1425;
  --paper: #070d1b;
  --white: var(--palette-navy-180);
  --mint: var(--palette-navy-210);
  --cream: var(--accent);
  --surface: var(--palette-navy-160);
  --space:clamp(22px,5vw,84px);--max:1536px;--radius:8px;--ease:cubic-bezier(.22,1,.36,1)
}

/* Shared primitives for normal pages and recovery pages. Component layouts extend these. */
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-site);line-height:1.8;font-size:var(--body-size)}
a{text-decoration:none;color:inherit}
:focus-visible{outline:3px solid var(--focus-ring);outline-offset:5px}
.icon{width:22px;height:22px;flex-shrink:0}
html[dir=rtl] .directional{transform:scaleX(-1)}
.button{background:var(--accent);color:var(--deep);display:inline-flex;gap:32px;align-items:center;justify-content:center;min-height:var(--control-height);padding:var(--control-padding);border-radius:4px;font-size:var(--button-size);font-weight:650;line-height:1.6;transition:background .2s,translate .25s;max-width:100%}
.button:hover{translate:0 -2px}
.error-layout .shell{max-width:900px;margin:auto;padding:90px 24px}
.error-layout h1{font-size:clamp(30px,5vw,60px);line-height:1.4}
.error-layout p{color:var(--muted);margin:24px 0}
.error-layout .eyebrow{color:var(--accent);letter-spacing:.15em}
@media(prefers-reduced-motion:reduce){.button{transition:none}.button:hover{translate:none}}

@media(max-width:680px){.button{min-height:var(--control-height-compact);padding:var(--control-padding-compact)}}