/* ============================================================
   AZADEL DESIGN SYSTEM — Token
   Disalin dari reference/design-system/colors_and_type.css
   ------------------------------------------------------------
   Fail ini SENGAJA hanya mengandungi :root{--…}.
   JANGAN tambah sebarang selector di sini — ia dimuatkan pada
   seluruh tapak dan mesti kekal sifar kesan visual.
   Warna jenama didaftarkan dengan MyIPO (Biru Azadel #0095d3).
   ============================================================ */
:root {
  /* ---- Warna jenama ---- */
  --azadel-blue:        #0095d3;
  --azadel-blue-600:    #0080b8;
  --azadel-blue-700:    #006a99;
  --azadel-blue-100:    #e1f3fb;
  --azadel-blue-50:     #f1f9fd;

  --azadel-gold:        #ffb800;
  --azadel-gold-600:    #e6a600;
  --azadel-gold-700:    #b88500;
  --azadel-gold-100:    #fff4d1;
  --azadel-gold-50:     #fffaeb;

  --azadel-ink:         #1a1a2e;
  --azadel-white:       #ffffff;

  /* ---- Neutral ---- */
  --neutral-0:   #ffffff;
  --neutral-50:  #f8f9fb;
  --neutral-100: #f1f3f6;
  --neutral-200: #e6e9ee;
  --neutral-300: #d2d7df;
  --neutral-400: #9aa1ad;
  --neutral-500: #6b7280;
  --neutral-600: #4b5563;
  --neutral-700: #374151;
  --neutral-800: #1f2937;
  --neutral-900: #1a1a2e;

  /* ---- Semantik ---- */
  --color-success:    #16a34a;
  --color-success-bg: #e8f7ee;
  --color-warning:    #f59e0b;
  --color-warning-bg: #fef4e1;
  --color-danger:     #dc2626;
  --color-danger-bg:  #fde8e8;
  --color-info:       #0095d3;
  --color-info-bg:    #e1f3fb;

  /* ---- Peranan permukaan ---- */
  --bg:            #f8f9fb;
  --surface:       #ffffff;
  --surface-2:     #f1f3f6;
  --fg-1:          #1a1a2e;
  --fg-2:          #374151;
  --fg-3:          #6b7280;
  --fg-on-blue:    #ffffff;
  --fg-on-gold:    #1a1a2e;
  --border:        #e6e9ee;
  --border-strong: #d2d7df;

  /* ---- Rank affiliate ---- */
  --rank-starter:  #94a3b8;
  --rank-partner:  #0095d3;
  --rank-elite:    #8b5cf6;
  --rank-champion: #f97316;
  --rank-legend:   #ffb800;

  /* ---- Gradien yang dibenarkan (hanya dua) ---- */
  --vip-gradient:  linear-gradient(135deg, #ffb800 0%, #ff8a00 100%);
  --hero-gradient: linear-gradient(135deg, #0095d3 0%, #00b4ff 100%);

  /* ---- Keluarga tipografi ---- */
  --font-display: 'Plus Jakarta Sans', system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-body:    'DM Sans', system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono:    'JetBrains Mono', ui-monospace, "SF Mono", Menlo, monospace;

  /* ---- Skala tipografi ---- */
  --fs-display:  clamp(40px, 5vw, 64px);
  --fs-h1:       clamp(28px, 3.2vw, 40px);
  --fs-h2:       clamp(22px, 2.4vw, 28px);
  --fs-h3:       18px;
  --fs-h4:       16px;
  --fs-body:     15px;
  --fs-small:    13px;
  --fs-caption:  12px;
  --fs-price-lg: 22px;
  --fs-price:    16px;

  --lh-tight:   1.1;
  --lh-snug:    1.25;
  --lh-normal:  1.5;
  --lh-relaxed: 1.65;

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

  /* ---- Jarak ---- */
  --space-1: 4px;  --space-2: 8px;  --space-3: 12px; --space-4: 16px;
  --space-5: 20px; --space-6: 24px; --space-8: 32px; --space-10: 40px;
  --space-12: 48px; --space-16: 64px;

  /* ---- Bulatan sudut ---- */
  --radius-sm: 6px; --radius-md: 10px; --radius-lg: 14px;
  --radius-xl: 20px; --radius-pill: 999px;

  /* ---- Bayang ---- */
  --shadow-xs:   0 1px 2px rgba(26,26,46,.05);
  --shadow-sm:   0 1px 3px rgba(26,26,46,.06), 0 1px 2px rgba(26,26,46,.04);
  --shadow-md:   0 4px 12px rgba(26,26,46,.08);
  --shadow-lg:   0 12px 32px rgba(26,26,46,.10);
  --shadow-blue: 0 8px 24px rgba(0,149,211,.25);
  --shadow-gold: 0 8px 24px rgba(255,184,0,.30);

  /* ---- Gerakan ---- */
  --ease-out:    cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast:    140ms;
  --dur-normal:  220ms;
  --dur-slow:    360ms;

  /* ---- Susun atur ---- */
  --ate-container: 1240px;
  --bp-mobile:     959px;
  --bp-desktop:    960px;
}