/* ============================================================
   Smart Glass AI — shared design system (single source of truth)
   Loaded LAST on every page so the agreed palette wins everywhere.
   Colours only — no layout, no component overrides on bare tags,
   so it can never break a page's structure or logic.
   Agreed 2026-06-19. Applied 2026-06-20.
   ============================================================ */

:root{
  /* --- Page background: every warm-cream variant -> cool Ice --- */
  --cream:#F6FBFF !important; --paper:#F6FBFF !important; --paper-warm:#ECF3FB !important; --light:#F6FBFF !important;
  --ice:#F6FBFF !important;

  /* --- Navy: every old navy variant -> agreed deep Navy --- */
  --navy:#071C3B !important; --navy-dark:#05152B !important; --navy-darker:#05152B !important; --navy-deep:#071C3B !important;
  --navy-light:#13427A !important; --navy2:#0E3566 !important; --navy-card:#0E3566 !important; --navy-hover:#13427A !important;

  /* --- Text --- */
  --ink:#071C3B !important; --text-1:#0E2235 !important; --text-2:#33485F !important; --text-3:#66788A !important;
  --gray:#66788A !important; --gray-soft:#90A2B5 !important; --slate:#66788A !important;

  /* --- Lines / structure --- */
  --line:#E1EAF4 !important; --line-2:#D6E2EF !important; --line-soft:#EEF4FA !important; --cloud:#DCE8F2 !important;

  /* --- Gold (premium accent only) --- */
  --gold:#C8A24B !important; --gold-soft:#E2C98A !important; --gold-deep:#A8842F !important;

  /* --- Signal blue = the main action --- */
  --signal:#126CCB !important;

  /* --- AI Teal: ONLY where AI is working --- */
  --ai:#27C7BE !important; --ai-d:#0E7C76 !important;
}

/* ------------------------------------------------------------
   Optional reusable parts for NEW / updated markup.
   Namespaced .sgai-* so they never collide with a page's
   existing classes. Existing pages are reskinned purely by the
   token overrides above; these are here for new elements.
   ------------------------------------------------------------ */
.sgai-btn{display:inline-flex;align-items:center;gap:7px;border:0;border-radius:10px;padding:9px 16px;
  font-family:inherit;font-weight:700;font-size:13px;cursor:pointer}
.sgai-btn.is-primary{background:var(--signal);color:#fff;box-shadow:0 3px 9px rgba(18,108,203,.28)}
.sgai-btn.is-secondary{background:#fff;color:var(--navy);border:1.5px solid var(--cloud)}
.sgai-btn.is-ghost{background:transparent;color:var(--signal)}
.sgai-btn.is-ai{background:linear-gradient(120deg,var(--ai-d),var(--ai));color:#fff;box-shadow:0 3px 9px rgba(39,199,190,.3)}

.sgai-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 18px;
  box-shadow:0 2px 10px rgba(7,28,59,.06)}

.sgai-input{width:100%;border:1.5px solid var(--cloud);border-radius:10px;padding:9px 12px;
  font-family:inherit;font-size:13px;color:var(--navy);background:#fff}
.sgai-input:focus{outline:0;border-color:var(--signal);box-shadow:0 0 0 3px rgba(18,108,203,.12)}

.sgai-pill{display:inline-block;font-size:10.5px;font-weight:800;padding:3px 10px;border-radius:999px}
.sgai-pill.is-green{background:#E7F7EE;color:#1F8A47}
.sgai-pill.is-blue{background:#E9F2FD;color:var(--signal)}
.sgai-pill.is-amber{background:#FBF1E0;color:#C77B16}
.sgai-pill.is-red{background:#FBE9E7;color:#C0392B}
.sgai-pill.is-ai{background:#E2F8F6;color:var(--ai-d)}

/* AI presence chip — the one consistent way AI shows up */
.sgai-ai-chip{display:inline-flex;align-items:center;gap:7px;background:#E2F8F6;border:1px solid #BDE9E5;
  color:var(--ai-d);border-radius:999px;padding:5px 12px;font-size:12px;font-weight:700}
.sgai-ai-chip .dot{width:8px;height:8px;border-radius:50%;background:var(--ai);box-shadow:0 0 8px var(--ai)}

/* Cost hidden from everyone but the founder */
.sgai-cost-lock{color:var(--slate);font-weight:700}