:root{
    /* Brand + UI */
    --stroke:#392015;
    --ro-bg:#F3F4F6;
    --ed-bg:#FFFFFF;
    --hover-shadow:#C4BCB9;
    --table-head:#FFFFFF;
    --table-row:#F3F4F6;
  
    --text:#1B1C1E;
    --muted:#6B6F76;
    --border:#E5E7EB;
    --focus:#C4BCB9;
    --error:#4d0f07;
  
    --page-bg:#FAFBFC;
    --card-bg:#FFFFFF;
    --hf-bg:var(--ro-bg);
  
    --header-pad-block:38px;
    --logo-h:84px;
    --brand-strip-h:50px;
  
    /* exact heights so <main> can reserve space precisely */
    --header-total: calc(var(--logo-h) + 2 * var(--header-pad-block));
    --footer-h:28px;
  
    /* Radii + shadows */
    --radius-card:14px;
    --radius-ctl:4px;
    --shadow-card:0 8px 24px rgba(0,0,0,.06);
  
    /* Layout paddings/gutters (desktop defaults) */
    --page-pad-i:61px;
    --page-pad-b:28px;
    --card-pad-i:65px;
    --card-pad-b:45px;
    --gutter-x:110px;
    --gutter-y:65px;
  
    /* Containers */
    --container-w:1880px;
  
    /* Success/Auth heroes */
    --success-hero-h:720px;
    --success-row-gap:12px;
    --success-gap:6px;
    --success-watermark-left:4%;
    --success-watermark-w:230px;
  
    --auth-hero-h:720px;
    --auth-gap:98px;
    --auth-copy-max:34ch;
  
    /* Footer text weight control */
    --footer-weight:800;
  }