/* =====================================================================
   iCalSync — ONE design system for every screen
   (site, login, customer app, owner console, wp-admin, emails, invoices)
   Change a colour here and it changes everywhere.
   ===================================================================== */
:root{
  /* Brand */
  --ics-ink:#0B1120;        /* night blue: sidebars, headers, dark surfaces */
  --ics-ink-2:#161F33;      /* raised dark surface */
  --ics-brand:#22C55E;      /* signal green: primary actions, success */
  --ics-brand-dark:#16A34A; /* hover / text on light */
  --ics-brand-bg:#E8F8EE;   /* soft green background */
  /* Section accents */
  --ics-home:#F97316;       /* Properties (logements) */
  --ics-home-bg:#FFF1E7;
  --ics-meet:#8B5CF6;       /* Meetings */
  --ics-meet-bg:#F1ECFE;
  /* Status */
  --ics-danger:#E5484D; --ics-danger-bg:#FDECEC;
  --ics-warn:#F59E0B;   --ics-warn-bg:#FEF3C7;
  /* Neutrals */
  --ics-paper:#F7F8FA; --ics-surface:#FFFFFF; --ics-line:#E2E8F0;
  --ics-text:#0F172A;  --ics-soft:#64748B;    --ics-faint:#94A3B8;
  /* Type */
  --ics-font-display:'Space Grotesk',system-ui,sans-serif;
  --ics-font-body:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --ics-font-mono:'IBM Plex Mono',ui-monospace,monospace;
  /* Shape */
  --ics-radius:12px; --ics-radius-sm:8px;
  --ics-shadow:0 1px 2px rgba(15,23,42,.05),0 8px 24px rgba(15,23,42,.06);

  /* Short aliases used by app.css / templates */
  --danger:var(--ics-danger); --home:var(--ics-home); --meet:var(--ics-meet);
}
body{font-family:var(--ics-font-body);}
.font-display,h1,h2,h3{font-family:var(--ics-font-display);}
.font-mono,code,kbd{font-family:var(--ics-font-mono);}

/* One primary button everywhere: green with dark text (readable, AA contrast) */
.btn-primary,.button-primary,.ics-btn-primary{background:var(--ics-brand)!important;border-color:var(--ics-brand)!important;color:var(--ics-ink)!important;}
.btn-primary:hover,.button-primary:hover,.ics-btn-primary:hover{background:var(--ics-brand-dark)!important;border-color:var(--ics-brand-dark)!important;color:#fff!important;}

/* Section accents: add class="ics-home" or "ics-meet" on a wrapper */
.ics-home{--accent:var(--ics-home);--accent-bg:var(--ics-home-bg);}
.ics-meet{--accent:var(--ics-meet);--accent-bg:var(--ics-meet-bg);}
.accent-bar{border-top:3px solid var(--accent,var(--ics-brand));}
.accent-pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:99px;font:600 11px var(--ics-font-mono);text-transform:uppercase;letter-spacing:.04em;background:var(--accent-bg,var(--ics-brand-bg));color:var(--accent,var(--ics-brand-dark));}
.btn-accent{background:var(--accent)!important;border-color:var(--accent)!important;color:#fff!important;}