/* ==========================================================================
   Rahavard Danesh — Design Tokens
   ========================================================================== */

:root {
  /* ------------------------------------------------------------------------
     Brand primitives
     ------------------------------------------------------------------------ */
  --green-primary: #38B000;
  --green-bright:  #57D80A;
  --green-dark:    #2F7D12;
  --green-light:   #A8D98A;
  --green-tint:    #EEF7E9;
  --red:           #D22020;
  --ink:           #1F1F1F;

  /* ------------------------------------------------------------------------
     Semantic color tokens
     ------------------------------------------------------------------------ */
  --color-primary:       var(--green-primary);
  --color-primary-hover: #2F9E0B;
  --color-primary-active:#28870A;
  --color-primary-dark:  var(--green-dark);
  --color-primary-light: var(--green-bright);
  --color-primary-soft:  var(--green-light);
  --color-primary-tint:  var(--green-tint);

  --color-text:        var(--ink);
  --color-text-soft:   #4A4F48;
  --color-text-muted:  #6E756B;
  --color-text-invert: #FFFFFF;

  --color-border:      #E3E8E0;
  --color-border-strong:#C9D2C5;

  --color-surface:      #FFFFFF;
  --color-surface-2:    #F6F8F4;
  --color-surface-3:    #EFF3EC;

  --color-focus:      var(--green-primary);
  --color-success:    var(--green-bright);
  --color-success-dark:#2F7D12;
  --color-danger:     var(--red);
  --color-danger-tint:#FBE9E9;
  --color-warning:    #D22020;
  --color-warning-tint:#FBE9E9;

  /* ------------------------------------------------------------------------
     Typography
     ------------------------------------------------------------------------ */
  --font-sans: "Vazirmatn", "Segoe UI", Tahoma, "Iranian Sans", sans-serif;
  --font-mono: "SFMono-Regular", Consolas, "Courier New", monospace;

  --fs-display: clamp(2.25rem, 1.4rem + 2.6vw, 3.5rem);
  --fs-h1:      clamp(1.9rem, 1.4rem + 1.6vw, 2.5rem);
  --fs-h2:      clamp(1.5rem, 1.25rem + 1vw, 1.9rem);
  --fs-h3:      1.4rem;
  --fs-h4:      1.15rem;
  --fs-body-lg: 1.125rem;
  --fs-body:    1rem;
  --fs-body-sm: 0.875rem;
  --fs-caption: 0.75rem;

  --fw-regular: 400;
  --fw-medium:  500;
  --fw-semibold:600;
  --fw-bold:    700;
  --fw-extrabold:800;

  --lh-display: 1.25;
  --lh-heading: 1.4;
  --lh-body:    1.8;
  --lh-tight:   1.4;

  /* ------------------------------------------------------------------------
     Spacing scale (4px base)
     ------------------------------------------------------------------------ */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;

  /* ------------------------------------------------------------------------
     Radius
     ------------------------------------------------------------------------ */
  --radius-xs:   6px;
  --radius-sm:   8px;
  --radius-md:   12px;
  --radius-lg:   16px;
  --radius-xl:   24px;
  --radius-full: 999px;

  /* ------------------------------------------------------------------------
     Shadows
     ------------------------------------------------------------------------ */
  --shadow-sm: 0 1px 2px rgba(31, 31, 31, 0.06);
  --shadow-md: 0 4px 12px rgba(31, 31, 31, 0.08);
  --shadow-lg: 0 12px 32px rgba(31, 31, 31, 0.12);

  /* ------------------------------------------------------------------------
     Layout
     ------------------------------------------------------------------------ */
  --container: 1200px;
  --container-narrow: 820px;
  --gutter: 24px;
  --gutter-mobile: 16px;

  --header-height: 72px;
  --sidebar-width: 264px;
  --sidebar-width-collapsed: 84px;

  /* ------------------------------------------------------------------------
     Motion
     ------------------------------------------------------------------------ */
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --dur-fast: 150ms;
  --dur-base: 240ms;
  --dur-slow: 360ms;

  /* ------------------------------------------------------------------------
     Z-index
     ------------------------------------------------------------------------ */
  --z-header: 100;
  --z-drawer: 200;
  --z-overlay: 300;
  --z-modal: 400;
  --z-toast: 500;
}