/* ============================================================
   THEME — Mill Digital (light: warm grey ground, orange accent,
   navy headings; Poppins + Space Grotesk). Palette, type and
   component styles taken from reference/milldigital-website.html.
   ============================================================ */
:root{
  /* --- ground (public site) --- */
  --bg:#f6f7fa;
  --bg-2:#eceef4;
  --panel:#ffffff;
  --panel-2:#eaf1fb;
  --bar-bg:rgba(246,247,250,.88);
  --field-bg:#ffffff;
  --fade:rgba(246,247,250,.94);

  /* --- accent (brand color) --- */
  --accent:#f07d1c;
  --accent-2:#f59a4d;
  --accent-dim:rgba(240,125,28,.38);
  --accent-faint:rgba(240,125,28,.10);
  --accent-contrast:#ffffff;
  --grad-accent:linear-gradient(100deg,var(--accent) 10%,var(--accent-2) 55%,var(--accent) 90%);
  --glow-strong:rgba(240,125,28,.10);
  --glow-soft:rgba(34,119,216,.08);

  /* --- navy (secondary brand color, from the reference) --- */
  --navy:#152559;

  /* --- text --- */
  --heading:#152559;
  --text:#2e3446;
  --text2:#5a6072;
  --text-soft:#454b5e;

  /* --- lines & placeholders --- */
  --line:#e7eaf1;
  --line-strong:#dfe3ec;
  --ph-1:#dfe6f2; --ph-2:#eceef4; --ph-3:#f6f7fa;
  --ph-cool-1:#dbe7f7; --ph-cool-2:#e8eff9; --ph-cool-3:#f2f6fc;
  --ph-warm-1:#fbe3cd; --ph-warm-2:#fdf0e2; --ph-warm-3:#fef8f1;

  /* --- semantic --- */
  --wa:#25D366;
  --err:#E5484D;
  --okc:#1f8a45;
  --ok:#1f8a45;
  --ok-text:#1f7a3e;
  --err-text:#c22f35;

  /* --- type & layout (reference: Poppins everywhere, Space Grotesk for numerals) --- */
  --font-display:"Poppins","Segoe UI",system-ui,sans-serif;
  --font-body:"Poppins","Segoe UI",system-ui,sans-serif;
  --font-mono:"Space Grotesk","Segoe UI",monospace;
  --maxw:1180px;
}

/* --- admin area overrides (body has class="admin") --- */
body.admin{
  --bg:#eef0f5;
  --panel:#ffffff;
  --panel-2:#f4f6fa;
  --bar-bg:rgba(255,255,255,.92);
  --field-bg:#ffffff;
  --accent-dim:rgba(240,125,28,.45);
}

/* ============================================================
   Component overrides to match the reference design.
   Selectors are prefixed with body so they win over site.css
   (which loads after this file with equal specificity).
   ============================================================ */

/* type: bold sans headings (reference uses Poppins 700/800) */
body h1, body h2, body h3{font-weight:700}
body .hero h1{font-weight:800}
body .accent-i{font-style:normal;font-weight:800}
body .stat b, body .step::before{font-family:var(--font-mono);font-weight:700;-webkit-text-stroke:0;color:var(--accent)}
body .step::before{opacity:.9}

/* buttons: rounded, normal case (reference: 15px/600, radius 5-6px) */
body .btn, body .btn-accent, body .btn-line, body .btn-danger{
  border-radius:6px;text-transform:none;letter-spacing:0;font-size:15px;font-weight:600}
body .btn{padding:13px 26px}
body .nav-links .nav-cta{border-radius:5px;font-size:14px}
/* hero primary button is NAVY in the reference; nav/form stay orange */
body .hero-ctas .btn-accent{background:var(--navy);color:#fff}
body .btn-line{border-color:#c6cede;color:var(--navy)}
body .btn-line:hover{border-color:var(--navy);background:rgba(21,37,89,.05)}

/* soft rounded cards with subtle shadow */
body .card, body .proj, body .form, body .ph, body .ctaband-in, body .kb-col, body .kb-card,
body .msg-card, body .config-group, body .login-box, body .adm-empty, body .type-note,
body .kpi, body .table-wrap{border-radius:10px}
body .card, body .form, body .kpi, body .config-group, body .msg-card{box-shadow:0 1px 4px rgba(0,0,0,.06)}
body .card .icon, body .cinfo-item .icon{border-radius:8px}
body .field input, body .field select, body .field textarea,
body .adm-form input, body .adm-form select, body .adm-form textarea,
body .login-box input, body .kb-quickadd input, body .note-form textarea{border-radius:6px}
body .chip, body .pill-admin{border-radius:4px}

/* brand wordmark: "MillDigital" bold single line with orange highlight */
body .brand-name.brand-mill{font-family:var(--font-body);font-weight:800;font-size:21px;letter-spacing:0}
body .brand-name.brand-mill .brand-hl{color:var(--accent)}
body footer .brand-name.brand-mill, body.admin .brand-name.brand-mill{font-size:19px}