/* Circulis brand tokens (Brand Kit v3)
   Arancio #EC7B42 for fills and buttons, Arancio Text #C2551A for orange words on white,
   Inchiostro #1F2A30 for text and accents, Sabbia #FBF5EC for soft surfaces. */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,600;9..144,700&family=DM+Sans:wght@400;500;700&family=DM+Mono:wght@400;500&display=swap');

:root{
  --arancio:#EC7B42;
  --arancio-hover:#E06A2F;
  --arancio-text:#C2551A;
  --arancio-tint:#FDEEE5;
  --arancio-tint-2:#FBE0D0;
  --ink:#1F2A30;
  --sabbia:#FBF5EC;
  --white:#FFFFFF;
  --canvas:#FBF8F3;
  --muted:#5E676C;
  --muted-2:#8A9296;
  --line:rgba(31,42,48,.10);
  --line-2:rgba(31,42,48,.18);
  --ok:#2E7D4F; --ok-tint:#E7F3EC;
  --warn:#B7791F; --warn-tint:#FBF1DF;
  --bad:#C0392B; --bad-tint:#FBE7E4;
  --serif:'Fraunces',Georgia,serif;
  --sans:'DM Sans',system-ui,-apple-system,sans-serif;
  --mono:'DM Mono',ui-monospace,monospace;
  --radius:14px;
  --shadow:0 1px 2px rgba(31,42,48,.05),0 8px 24px rgba(31,42,48,.06);
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{font-family:var(--sans);color:var(--ink);background:var(--white);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:var(--arancio-text);text-decoration:none}
a:hover{text-decoration:underline}
img,svg{display:block}

.wordmark{font-family:var(--serif);font-weight:600;letter-spacing:-.01em;color:var(--ink)}
.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--arancio-text)}
.serif{font-family:var(--serif)}
.mono{font-family:var(--mono)}
.muted{color:var(--muted)}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--sans);font-weight:700;font-size:14px;
  padding:11px 18px;border-radius:999px;border:1.5px solid transparent;cursor:pointer;transition:background .15s,border-color .15s,transform .15s;white-space:nowrap;text-decoration:none}
.btn:hover{text-decoration:none}
.btn:active{transform:translateY(1px)}
.btn-primary{background:var(--arancio);color:var(--ink)}
.btn-primary:hover{background:var(--arancio-hover)}
.btn-dark{background:var(--ink);color:var(--sabbia)}
.btn-dark:hover{background:#2c3a42}
.btn-ghost{background:var(--white);color:var(--ink);border-color:var(--line-2)}
.btn-ghost:hover{border-color:var(--ink)}
.btn-sm{padding:7px 13px;font-size:13px}
.btn[disabled]{opacity:.5;cursor:not-allowed}

.card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
.pill{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:11px;padding:3px 9px;border-radius:999px;background:var(--sabbia);color:var(--ink);white-space:nowrap}
.pill.orange{background:var(--arancio-tint);color:var(--arancio-text)}
.pill.ok{background:var(--ok-tint);color:var(--ok)}
.pill.warn{background:var(--warn-tint);color:var(--warn)}
.pill.bad{background:var(--bad-tint);color:var(--bad)}
.dot{width:8px;height:8px;border-radius:50%;background:var(--arancio);display:inline-block}