/* ═══════════════════════════════════════════════════════════
   Green Trade — Commercial Management System
   Design tokens. Brand identity: Graphik Arabic + Poppins.
   ═══════════════════════════════════════════════════════════ */

/* ── Arabic ── */
@font-face { font-family:'Graphik Arabic'; src:url('../assets/fonts/Graphik Arabic Light.otf') format('opentype');    font-weight:300; font-display:swap; }
@font-face { font-family:'Graphik Arabic'; src:url('../assets/fonts/Graphik Arabic.otf') format('opentype');          font-weight:400; font-display:swap; }
@font-face { font-family:'Graphik Arabic'; src:url('../assets/fonts/Graphik Arabic Medium.otf') format('opentype');   font-weight:500; font-display:swap; }
@font-face { font-family:'Graphik Arabic'; src:url('../assets/fonts/Graphik Arabic SemiBold.otf') format('opentype'); font-weight:600; font-display:swap; }
@font-face { font-family:'Graphik Arabic'; src:url('../assets/fonts/Graphik Arabic Bold.otf') format('opentype');     font-weight:700; font-display:swap; }
@font-face { font-family:'Graphik Arabic'; src:url('../assets/fonts/Graphik Arabic Black.otf') format('opentype');    font-weight:900; font-display:swap; }

/* ── Latin / numerals ── */
@font-face { font-family:'Poppins'; src:url('../assets/fonts/Poppins-Regular.ttf') format('truetype');  font-weight:400; font-display:swap; }
@font-face { font-family:'Poppins'; src:url('../assets/fonts/Poppins-Medium.ttf') format('truetype');   font-weight:500; font-display:swap; }
@font-face { font-family:'Poppins'; src:url('../assets/fonts/Poppins-SemiBold.ttf') format('truetype'); font-weight:600; font-display:swap; }
@font-face { font-family:'Poppins'; src:url('../assets/fonts/Poppins-Bold.ttf') format('truetype');     font-weight:700; font-display:swap; }

:root {
  /* Brand */
  --brand:        #08302f;
  --brand-deep:   #041d1d;
  --brand-soft:   #0d4a47;
  --accent:       #00c87b;
  --accent-mint:  #00ff91;
  --accent-light: #65feab;
  --accent-faint: #eafff5;
  --accent-glow:  rgba(0,255,145,.16);

  /* Surfaces */
  --bg:           #f6f9f8;
  --surface:      #ffffff;
  --surface-2:    #f2f7f5;
  --surface-3:    #e9f2ef;

  /* Text */
  --tx-1: #08302f;
  --tx-2: #40595a;
  --tx-3: #6b8384;
  --tx-4: #94aaab;
  --tx-on-dark: #ffffff;

  /* Lines */
  --line:   #e4eeeb;
  --line-2: #d2e2dd;

  /* Semantic */
  --ok:      #00a86b;  --ok-bg:      #e3f8ee;
  --warn:    #d97706;  --warn-bg:    #fdf1dc;
  --danger:  #d92d20;  --danger-bg:  #fdecea;
  --info:    #1687e8;  --info-bg:    #e4f1fd;
  --purple:  #625df5;  --purple-bg:  #ecebfe;
  --teal:    #0f9f91;  --teal-bg:    #e0f5f2;

  /* Radius */
  --r-sm: 8px;
  --r:    12px;
  --r-md: 16px;
  --r-lg: 20px;
  --r-xl: 26px;
  --r-full: 999px;

  /* Shadow — soft, layered, never heavy */
  --sh-1: 0 1px 2px rgba(8,48,47,.05);
  --sh-2: 0 2px 8px rgba(8,48,47,.06), 0 1px 2px rgba(8,48,47,.04);
  --sh-3: 0 8px 24px rgba(8,48,47,.09), 0 2px 6px rgba(8,48,47,.04);
  --sh-4: 0 20px 48px rgba(8,48,47,.16), 0 4px 12px rgba(8,48,47,.06);

  /* Motion */
  --ease: cubic-bezier(.22,1,.36,1);
  --fast: .16s var(--ease);
  --med:  .26s var(--ease);

  /* Layout */
  --sidebar-w: 252px;
  --topbar-h:  62px;
  --tabbar-h:  60px;

  /* Type */
  --font-ar: 'Graphik Arabic', 'Segoe UI', system-ui, sans-serif;
  --font-en: 'Poppins', 'Graphik Arabic', system-ui, sans-serif;
}