/* ==========================================================================
   Going Digital — base
   Design tokens, reset and shared primitives. Safe to load on any page.
   ========================================================================== */

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

:root{
  /* Surfaces & text */
  --white:#FDFBF6;
  --off:#F4F0E7;
  --ink:#26211A;
  --mid:#958D7D;
  --light:#E8E1D2;
  --dark:#1E1A14;

  /* Brand accent */
  --clay:#C15F3C;
  --clay-bg:#F6E8E0;

  /* Status colours — used by stage pills, calendar events and legends */
  --green:#2e7d46;   --green-bg:#e9f5ec;
  --orange:#b5720c;  --orange-bg:#fbf1de;
  --red:#a13d3d;     --red-bg:#f7e9e9;
  --blue:#2b5ea3;    --blue-bg:#eaf1fa;

  --radius:6px;
}

/* min-height, not height: the dashboards need a full-viewport shell, but a
   normally-scrolling page (the platform console) must grow past the fold. */
html,body{min-height:100%}
body{
  background:var(--white);
  color:var(--ink);
  font-family:'Inter','Helvetica Neue',Helvetica,Arial,sans-serif;
  font-size:14px;
  line-height:1.5;
}

h1{font-family:"Fraunces",serif;text-transform:none;letter-spacing:-0.02em}

.wordmark{font-family:"Fraunces",serif;font-weight:600;font-size:19px;letter-spacing:-0.01em;color:var(--ink)}
.wordmark em{font-style:normal;color:var(--clay)}

.hidden{display:none !important}
.state{text-align:center;padding:8vh 2rem;color:var(--mid);font-size:14px}

/* --- Auth ---------------------------------------------------------------- */
.authwrap{max-width:380px;margin:12vh auto;padding:0 2rem}
.card{background:var(--white);border:1px solid var(--light);border-radius:var(--radius);padding:2rem}
.card label{display:block;font-size:11px;letter-spacing:0.1em;text-transform:uppercase;color:var(--mid);margin-bottom:0.4rem;margin-top:1rem}
.card label:first-child{margin-top:0}
.card input{width:100%;padding:0.7rem 0.85rem;border:1px solid var(--light);border-radius:var(--radius);font-size:14px;font-family:inherit;background:var(--off)}
.card button{width:100%;background:var(--ink);color:#fff;border:none;padding:0.85rem 1.6rem;border-radius:var(--radius);font-family:'Inter';font-size:12px;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;cursor:pointer;margin-top:1.5rem}
.card .link{background:none;border:none;color:var(--mid);font-size:12px;text-decoration:underline;cursor:pointer;margin-top:1rem;display:block}
.card .err{color:var(--red);font-size:12px;margin-top:0.75rem}
.auth-logo{display:flex;justify-content:center;margin-bottom:2rem}
.auth-logo img{height:28px}