/* css/base/tokens.css */

/* =========================
   DESIGN TOKENS - Зелёная премиум схема
   ========================= */

:root{
  /* Colors - Background */
  --page-bg:#f8f9f8;
  --surface:#FBFCFB;
  --surface-hover:#F6F8F6;
  
  /* Colors - Text */
  --text:#1E1E1E;
  --text-soft:#3F3F3F;
  --text-muted:#6B7280;
  
  /* Colors - Brand (ЗЕЛЁНЫЙ) */
  --primary:#1B4332;
  --primary-hover:#2D6A4F;
  --primary-dark:#0F2419;
  --primary-light:rgba(27,67,50,0.08);
  
  --accent:#52B788;
  --accent-hover:#40916C;
  
  /* Colors - UI */
  --border:rgba(27,67,50,0.12);
  --border-hover:rgba(27,67,50,0.25);
  --line:rgba(27,67,50,0.1);
  
  /* Shadows */
  --shadow-sm:0 2px 8px rgba(27,67,50,0.06);
  --shadow-md:0 4px 16px rgba(27,67,50,0.1);
  --shadow-lg:0 8px 32px rgba(27,67,50,0.15);
  --shadow-xl:0 20px 60px rgba(27,67,50,0.25);
  
  /* Radius */
  --radius-8:8px;
  --radius-12:12px;
  --radius-16:16px;
  --radius-18:18px;
  --radius-20:20px;
  --radius-24:24px;
  --radius-pill:999px;
  
  /* Spacing */
  --space-xs:8px;
  --space-sm:12px;
  --space-md:16px;
  --space-lg:24px;
  --space-xl:32px;
  --space-2xl:48px;
  --space-3xl:64px;
  
  /* Typography */
  --font-base:'Inter', system-ui, -apple-system, sans-serif;
  --font-display:'Manrope', system-ui, -apple-system, sans-serif;
  
  --text-xs:13px;
  --text-sm:14px;
  --text-base:16px;
  --text-lg:18px;
  --text-xl:20px;
  --text-2xl:24px;
  --text-3xl:28px;
  --text-4xl:32px;
  --text-5xl:40px;
  --text-6xl:48px;
  --text-7xl:56px;
  
  --font-normal:500;
  --font-semibold:600;
  --font-bold:700;
  --font-extrabold:800;
  --font-black:900;
  
  /* Container */
  --container-max:1200px;
  --container-padding:20px;
  
  /* Transitions */
  --transition-fast:0.15s ease;
  --transition-base:0.2s ease;
  --transition-slow:0.3s ease;
}