/* =====================================================================
   Design tokens — Al-Dhahabia / Aten Studio
   Premium agricultural palette: deep green + gold on cream.
   ===================================================================== */
:root {
  /* Brand */
  --green: #15514A;
  --green-700: #103e39;
  --green-800: #0c2f2b;
  --green-600: #1c6359;
  --green-soft: #e7efed;
  --green-tint: #f1f6f4;

  --gold: #c9a227;
  --gold-600: #b08d1d;
  --gold-soft: #f6edcf;
  --gold-tint: #faf3dd;

  --cream: #faf7f0;
  --cream-2: #f4efe4;
  --ink: #1b2520;
  --ink-soft: #46524c;
  --ink-faint: #7c877f;

  --white: #ffffff;
  --line: #e6e0d3;
  --line-soft: #efe9dc;

  /* Status */
  --ok: #2e8b57;
  --ok-bg: #e6f3ec;
  --warn: #d98324;
  --warn-bg: #fbeedd;
  --late: #c0392b;
  --late-bg: #fae8e6;
  --tg: #229ed9;
  --tg-bg: #e2f2fb;
  --tg-600: #1b87bb;

  /* Typography */
  --font: "Tajawal", system-ui, "Segoe UI", sans-serif;
  --fs-xs: 0.75rem;
  --fs-sm: 0.85rem;
  --fs-md: 0.95rem;
  --fs-lg: 1.1rem;
  --fs-xl: 1.4rem;
  --fs-2xl: 1.85rem;
  --fs-3xl: 2.4rem;

  /* Radius */
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 16px;
  --r-xl: 22px;
  --r-pill: 999px;

  /* Shadows (soft, premium) */
  --sh-sm: 0 1px 2px rgba(27, 37, 32, 0.06), 0 1px 3px rgba(27, 37, 32, 0.05);
  --sh-md: 0 4px 14px rgba(27, 37, 32, 0.08), 0 2px 6px rgba(27, 37, 32, 0.05);
  --sh-lg: 0 12px 34px rgba(27, 37, 32, 0.12), 0 4px 12px rgba(27, 37, 32, 0.07);
  --sh-green: 0 10px 26px rgba(16, 62, 57, 0.28);

  /* Layout */
  --sidebar-w: 264px;
  --topbar-h: 66px;
  --maxw: 1280px;

  /* Motion */
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --t-fast: 150ms var(--ease);
  --t-mid: 220ms var(--ease);
}