/* ============================================================
   الماسیشو · Almasisho — Design Tokens
   ============================================================ */

@font-face { font-family:"Vazirmatn"; font-weight:100; font-display:swap; src:url("../fonts/Vazirmatn-Thin.ttf") format("truetype"); }
@font-face { font-family:"Vazirmatn"; font-weight:200; font-display:swap; src:url("../fonts/Vazirmatn-ExtraLight.ttf") format("truetype"); }
@font-face { font-family:"Vazirmatn"; font-weight:300; font-display:swap; src:url("../fonts/Vazirmatn-Light.ttf") format("truetype"); }
@font-face { font-family:"Vazirmatn"; font-weight:400; font-display:swap; src:url("../fonts/Vazirmatn-Regular.ttf") format("truetype"); }
@font-face { font-family:"Vazirmatn"; font-weight:500; font-display:swap; src:url("../fonts/Vazirmatn-Medium.ttf") format("truetype"); }
@font-face { font-family:"Vazirmatn"; font-weight:600; font-display:swap; src:url("../fonts/Vazirmatn-SemiBold.ttf") format("truetype"); }
@font-face { font-family:"Vazirmatn"; font-weight:700; font-display:swap; src:url("../fonts/Vazirmatn-Bold.ttf") format("truetype"); }
@font-face { font-family:"Vazirmatn"; font-weight:800; font-display:swap; src:url("../fonts/Vazirmatn-ExtraBold.ttf") format("truetype"); }
@font-face { font-family:"Vazirmatn"; font-weight:900; font-display:swap; src:url("../fonts/Vazirmatn-Black.ttf") format("truetype"); }

:root {
  /* Gold */
  --gold-50:  #FBF4DE; --gold-100: #F5E7B8; --gold-200: #EBD389;
  --gold-300: #DEBC5C; --gold-400: #CFA63A; --gold-500: #C2922A;
  --gold-600: #A87A1E; --gold-700: #8A6216; --gold-800: #6B4B12; --gold-900: #4A340C;

  /* Green */
  --green-50:  #E9F7EE; --green-100: #C7EBD3; --green-200: #97D9AE;
  --green-300: #5FC383; --green-400: #36B062; --green-500: #1FA24A;
  --green-600: #178A3E; --green-700: #137333; --green-800: #0F5A28; --green-900: #0B421E;

  /* Neutral */
  --neutral-0:   #FFFFFF; --neutral-50:  #FAF9F6; --neutral-100: #F4F2ED;
  --neutral-200: #E9E6DF; --neutral-300: #D8D4CB; --neutral-400: #B7B2A7;
  --neutral-500: #908B80; --neutral-600: #6B665D; --neutral-700: #4A463F;
  --neutral-800: #2E2B26; --neutral-900: #1B1916;

  /* Status */
  --sale: #E5484D; --info: #2A6FDB; --warning: #E8A11C;

  /* Semantic */
  --bg-page:    var(--neutral-50);
  --bg-surface: var(--neutral-0);
  --bg-sunken:  var(--neutral-100);
  --bg-cream:   var(--gold-50);
  --fg-1:       var(--neutral-800);
  --fg-2:       var(--neutral-600);
  --fg-3:       var(--neutral-400);
  --fg-on-gold: #3A2A06;
  --fg-on-green:#FFFFFF;
  --fg-on-dark: #FBF4DE;
  --brand:      var(--gold-500);
  --brand-strong:var(--gold-700);
  --price:      var(--green-600);
  --action:     var(--green-500);
  --action-hover:var(--green-600);
  --action-press:var(--green-700);
  --border:     var(--neutral-200);
  --border-strong:var(--neutral-300);
  --ring:       color-mix(in oklab, var(--green-500) 45%, transparent);
  --gold-leaf:  linear-gradient(135deg,#F4DC8E 0%,#C2922A 38%,#8A6216 70%,#E4C766 100%);
  --gold-leaf-soft:linear-gradient(135deg,#F5E7B8 0%,#DEBC5C 100%);

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

  /* Shadows */
  --shadow-xs: 0 1px 2px rgba(43,39,33,.06);
  --shadow-sm: 0 1px 3px rgba(43,39,33,.08),0 1px 2px rgba(43,39,33,.04);
  --shadow-md: 0 4px 14px rgba(43,39,33,.08),0 1px 3px rgba(43,39,33,.05);
  --shadow-lg: 0 12px 30px rgba(43,39,33,.12),0 4px 10px rgba(43,39,33,.06);
  --shadow-gold:  0 8px 24px rgba(160,120,30,.22);
  --shadow-green: 0 8px 20px rgba(31,162,74,.26);

  /* Spacing */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px;
  --sp-5:20px; --sp-6:24px; --sp-8:32px; --sp-10:40px;
  --sp-12:48px; --sp-16:64px; --sp-20:80px; --sp-24:96px;

  /* Type */
  --font-sans:"Vazirmatn",ui-sans-serif,system-ui,"Segoe UI",Tahoma,sans-serif;
  --fs-display:44px; --fs-h1:34px; --fs-h2:26px; --fs-h3:21px;
  --fs-h4:18px; --fs-body:16px; --fs-sm:14px; --fs-xs:12.5px; --fs-price:18px;
  --lh-tight:1.25; --lh-snug:1.45; --lh-body:1.75;
  --transition:160ms cubic-bezier(.4,0,.2,1);
  --transition-slow:280ms cubic-bezier(.4,0,.2,1);
}