/* ============================================
   ASTERS HOLDING — Design Tokens
   ============================================ */

:root {
  /* Brand */
  --blue:        #219fcf;
  --blue-dark:   #1780a8;
  --blue-mid:    #1a90bb;
  --blue-light:  #e8f6fb;
  --blue-faint:  #f0fafd;

  /* Neutrals */
  --navy:        #0d1f2d;
  --navy-mid:    #162a3a;
  --navy-soft:   #1e3347;

  --gray-50:     #f8f9fa;
  --gray-100:    #f0f2f4;
  --gray-200:    #dde1e6;
  --gray-300:    #c4ccd4;
  --gray-400:    #9aa3ad;
  --gray-500:    #78838e;
  --gray-600:    #5f6b77;
  --gray-700:    #3d4a55;
  --gray-800:    #1e2a35;
  --gray-900:    #0f161c;

  --white:       #ffffff;

  /* Semantic */
  --success:       #22c55e;
  --success-bg:    #dcfce7;
  --success-text:  #166534;
  --success-border:#86efac;

  --warning:       #f59e0b;
  --warning-bg:    #fef3c7;
  --warning-text:  #92400e;
  --warning-border:#fcd34d;

  --danger:        #ef4444;
  --danger-bg:     #ffebee;
  --danger-text:   #c62828;
  --danger-border: #ef9a9a;

  --info-bg:       var(--blue-light);
  --info-text:     var(--blue-dark);
  --info-border:   #7dd3f0;

  /* Typography */
  --font-sans:   'DM Sans', system-ui, sans-serif;
  --font-size-xs:   11px;
  --font-size-sm:   13px;
  --font-size-md:   14px;
  --font-size-lg:   16px;
  --font-size-xl:   20px;
  --font-size-2xl:  26px;
  --font-size-3xl:  36px;

  /* Spacing */
  --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;

  /* Radii */
  --radius-sm:  6px;
  --radius-md:  10px;
  --radius-lg:  16px;
  --radius-xl:  24px;
  --radius-pill: 999px;

  /* Shadows */
  --shadow-xs:   0 1px 2px rgba(13,31,45,0.06);
  --shadow-sm:   0 1px 4px rgba(13,31,45,0.08), 0 2px 8px rgba(13,31,45,0.05);
  --shadow-md:   0 2px 8px rgba(13,31,45,0.08), 0 6px 24px rgba(13,31,45,0.07);
  --shadow-lg:   0 4px 16px rgba(13,31,45,0.12), 0 12px 40px rgba(13,31,45,0.09);
  --shadow-focus: 0 0 0 3px rgba(33,159,207,0.18);

  /* Transitions */
  --transition-fast:   0.12s ease;
  --transition-normal: 0.2s ease;
  --transition-slow:   0.3s ease;

  /* Layout */
  --content-max:  1100px;
  --sidebar-w:    260px;
  --header-h:     68px;
}