/* ============================================================
   Khadamat OS — Shared Theme (single source of truth)
   Edit brand colors HERE only. All modules link this file.
   ============================================================ */
:root{
  /* Surfaces */
  --bg:#f3efe6;
  --surface:#ffffff;
  --surface-2:#faf7f0;
  --raise:#f6f2e8;
  --line:rgba(120,100,50,.16);
  --line-soft:rgba(120,100,50,.10);

  /* Text */
  --text:#211d16;
  --muted:#7d7666;
  --faint:#a59c89;

  /* Brand */
  --gold:#C8A545;
  --gold-lt:#E6C972;
  --gold-dk:#8A5E12;
  --green:#0E6130;
  --green-lt:#1AA552;
  --green-dk:#0a4a24;

  /* Single system-wide accent */
  --accent:var(--green);
  --accent-dk:var(--green-dk);
  --accent-grad:linear-gradient(150deg,#127a3c,var(--green));

  /* Status */
  --amber:#C98A2E;
  --red:#B5463A;
  --blue:#2E6FA5;
  --ok:var(--green-lt);      --ok-bg:#ecfdf3;
  --warn:var(--amber);       --warn-bg:#fffaeb;
  --danger:var(--red);       --danger-bg:#fef3f2;

  /* Typography */
  --serif:'Cormorant Garamond',Georgia,serif;
  --sans:'Inter','Noto Sans Arabic',system-ui,sans-serif;
  --mono:'JetBrains Mono',ui-monospace,monospace;
  --ease:cubic-bezier(.23,1,.32,1);

  /* Shadows */
  --shadow-sm:0 1px 2px rgba(80,60,20,.05);
  --shadow:0 2px 12px rgba(80,60,20,.05);
  --shadow-md:0 6px 18px -4px rgba(80,60,20,.10);
  --shadow-lg:0 14px 30px -8px rgba(80,60,20,.14);

  /* ---- Legacy aliases (do not use in new code) ---- */
  /* attendance */
  --brand:var(--green);
  --brand-dark:var(--green-dk);
  --brand-soft:#e9f2ec;
  --gold-dark:var(--gold-dk);
  --navy:#1c3a2a;
  --surface2:var(--surface-2);
  --text2:var(--muted);
  --text3:var(--faint);
  --border:var(--line);
  --border2:var(--line-soft);
  /* receipts */
  --green2:var(--green-lt);
  /* profitability */
  --ink:var(--text);
  --card:var(--surface);
  --gold2:var(--gold-lt);
}

/* ---- Dark mode (html.khd-dark set by per-page toggle script) ---- */
html.khd-dark{
  color-scheme:dark;
  --bg:#15130d; --surface:#211d15; --surface-2:#2a251b; --raise:#332d20;
  --line:rgba(215,193,120,.16); --line-soft:rgba(215,193,120,.09);
  --text:#ece7db; --muted:#b4ab96; --faint:#8b8272;
  --gold:#D9B75C; --gold-lt:#EBD08A; --gold-dk:#E7CB7E;
  --green:#1AA552; --green-lt:#42CE7D; --green-dk:#127a3c;
  --amber:#E0A44A; --red:#E0705F; --blue:#5FA0D8;
  --brand-soft:#1d2b22; --navy:#cfe2d6;
  --ok-bg:rgba(66,206,125,.12); --warn-bg:rgba(224,164,74,.12); --danger-bg:rgba(224,112,95,.12);
  --shadow-sm:0 1px 2px rgba(0,0,0,.4); --shadow:0 2px 12px rgba(0,0,0,.4);
  --shadow-lg:0 14px 30px -8px rgba(0,0,0,.55);
}