/* ==========================================================================
   OEOS Design System - root.css
   CSS custom assets (variables) and font imports
   ========================================================================== */

/* Google Fonts - League Spartan (labels/secondary) + Poppins (primary fallback) */
@import url('https://fonts.googleapis.com/css2?family=League+Spartan:wght@300;400;500;600;700;800&family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&family=Montserrat:wght@400;500;600;700&display=swap');

:root {
  /* ===== Brand Colors ===== */
  --primary-blue:   #308EFB;
  --black:          #000000;
  --white:          #FFFFFF;
  --soft-gray:      #F4F4F4;
  --deep-gray:      #4A4A4A;
  --cool-blue:      #E8F2FF;
  --navy-blue:      #0A1A2F;
  --mint-accent:    #9FF7D1;

  /* ===== Derived / Extended Palette ===== */
  --primary-blue-hover:  #1a7ae8;
  --primary-blue-active: #0f6bd1;
  --primary-blue-ghost:  rgba(48, 142, 251, 0.12);

  --navy-blue-hover:   #112540;
  --navy-blue-active:  #0d1e33;
  --navy-blue-light:   #1a3860;
  --navy-sidebar-hover:  rgba(255, 255, 255, 0.08);
  --navy-sidebar-active: rgba(48, 142, 251, 0.18);

  --danger-red:          #E53E3E;
  --danger-red-light:    #FEE2E2;
  --danger-red-dark:     #991B1B;

  --success-green:       #059669;
  --success-green-light: #D1FAE5;
  --success-green-dark:  #065F46;

  --warning-amber:       #D97706;
  --warning-amber-light: #FEF3C7;
  --warning-amber-dark:  #92400E;

  --border-light: rgba(0, 0, 0, 0.07);
  --border-dark:  rgba(255, 255, 255, 0.1);

  /* ===== Typography ===== */
  /* Gordita first; falls back to Poppins if not installed */
  --font-primary:   'Gordita', 'Poppins', 'Montserrat', -apple-system, sans-serif;
  --font-secondary: 'League Spartan', 'Poppins', sans-serif;
  --font-mono:      'SFMono-Regular', Consolas, 'Liberation Mono', Courier, monospace;

  /* ===== Type Scale ===== */
  --text-xs:   0.75rem;    /* 12px */
  --text-sm:   0.875rem;   /* 14px */
  --text-base: 1rem;       /* 16px */
  --text-lg:   1.125rem;   /* 18px */
  --text-xl:   1.25rem;    /* 20px */
  --text-2xl:  1.5rem;     /* 24px */
  --text-3xl:  1.875rem;   /* 30px */
  --text-4xl:  2.25rem;    /* 36px */
  --text-5xl:  3rem;       /* 48px */

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

  /* ===== Border Radius ===== */
  --radius-xs:   4px;
  --radius-sm:   6px;
  --radius-md:   10px;
  --radius-lg:   16px;
  --radius-xl:   24px;
  --radius-2xl:  32px;
  --radius-full: 9999px;

  /* ===== Shadows ===== */
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.05);
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.07), 0 1px 2px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08), 0 2px 4px rgba(0, 0, 0, 0.05);
  --shadow-lg: 0 10px 30px rgba(0, 0, 0, 0.10), 0 4px 10px rgba(0, 0, 0, 0.07);
  --shadow-xl: 0 20px 60px rgba(0, 0, 0, 0.12), 0 8px 20px rgba(0, 0, 0, 0.08);

  /* ===== Transitions ===== */
  --ease-fast: 150ms ease;
  --ease-base: 250ms ease;
  --ease-slow: 350ms ease;

  /* ===== Layout ===== */
  --header-height:           50px;
  --sidebar-width:           290px;
  --sidebar-collapsed-width: 72px;
  --content-max-width:       1600px;
  --page-padding-x:          var(--space-2);
  --page-padding-y:          var(--space-2);

  /* ===== Service Suite Accent Colors ===== */
  --suite-acquisition-color: #F0C040;   /* gold / yellow */
  --suite-entity-color:      #34D399;   /* soft green */
  --suite-asset-color:       #60A5FA;   /* platform blue / cyan */
  --suite-fund-color:        #A78BFA;   /* purple */
  --suite-partner-color:     #FB923C;   /* orange */
  --suite-icon-dark-bg:      #0A1A2F;   /* dark navy card background */
}