/* ============================================================
   DMK AGRO EXPORT — DESIGN TOKENS
   Every color, spacing value, radius, shadow, transition and
   typography setting used sitewide lives here. Change a value
   once, it updates everywhere. Load this file first.
   ============================================================ */

:root{
  /* ----- Brand colors ----- */
  --dmk-primary:#1B5E20;
  --dmk-secondary:#2E7D32;
  --dmk-accent:#8BC34A;
  --dmk-gold:#F9A825;
  --dmk-bg:#F8FAF8;
  --dmk-dark:#1E1E1E;
  --dmk-white:#FFFFFF;

  /* ----- Semantic aliases (Primary / Secondary / Accent / Background / Surface / Text / Border) ----- */
  --color-primary:var(--dmk-primary);
  --color-secondary:var(--dmk-secondary);
  --color-accent:var(--dmk-accent);
  --color-background:var(--dmk-bg);
  --color-surface:#FFFFFF;
  --color-text:var(--dmk-dark);
  --color-text-muted:#5b6b5c;
  --color-border:rgba(27,94,32,.08);

  /* ----- Status colors ----- */
  --color-success:#2E7D32;
  --color-warning:#F9A825;
  --color-danger:#B0473F;

  /* ----- Radius ----- */
  --radius-sm:10px;
  --radius-md:16px;
  --radius-lg:22px;
  --radius-pill:100px;

  /* ----- Shadow ----- */
  --shadow-soft:0 16px 40px -22px rgba(27,94,32,0.28);
  --shadow-card:0 8px 24px -14px rgba(27,94,32,0.2);

  /* ----- Transitions ----- */
  --ease:cubic-bezier(.4,0,.2,1);
  --transition-fast:.2s var(--ease);
  --transition-base:.3s var(--ease);
  --transition-slow:.5s var(--ease);

  /* ----- 8px spacing system ----- */
  --space-1:8px;
  --space-2:16px;
  --space-3:24px;
  --space-4:32px;
  --space-5:40px;
  --space-6:48px;
  --space-7:64px;
  --space-8:80px;

  /* ----- Typography ----- */
  --font-base:'Inter',sans-serif;
  --fs-xs:.75rem;
  --fs-sm:.875rem;
  --fs-base:1rem;
  --fs-md:1.125rem;
  --fs-lg:1.25rem;
  --fs-xl:1.5rem;
  --fs-2xl:2rem;
  --fs-3xl:2.6rem;

  /* ----- Layout ----- */
  --container-max:1680px;
}