/* ==========================================
   SCHOOL №11 - CSS CUSTOM PROPERTIES & THEME
   Strict Academic Palette & Modern Typography
   ========================================== */

:root {
  /* Brand Primary Colors */
  --color-navy-950: #071224;
  --color-navy-900: #0B1B36;
  --color-navy-850: #0F2344;
  --color-navy-800: #142C54;
  --color-navy-700: #1D3D72;
  --color-navy-600: #295394;
  
  /* Brand Accent Colors */
  --color-gold-500: #C59B27;
  --color-gold-600: #A67C1E;
  --color-gold-400: #D8AF3C;
  --color-gold-light: #FDF9ED;
  --color-gold-alpha: rgba(197, 155, 39, 0.15);

  /* Background & Surface Colors */
  --color-bg-body: #F9F8F5;
  --color-bg-surface: #FFFFFF;
  --color-bg-sand: #F2F0EA;
  --color-bg-warm: #FAF9F6;
  --color-bg-navy: #0B1B36;

  /* Typography Colors */
  --color-text-dark: #111827;
  --color-text-heading: #0B1B36;
  --color-text-body: #374151;
  --color-text-muted: #6B7280;
  --color-text-white: #FFFFFF;
  --color-text-ivory: #F9F8F5;
  --color-text-gold: #C59B27;

  /* Borders & Dividers */
  --color-border-subtle: #E5E7EB;
  --color-border-medium: #D1D5DB;
  --color-border-navy-light: rgba(255, 255, 255, 0.14);
  --color-border-gold: rgba(197, 155, 39, 0.4);

  /* Font Families */
  --font-serif: 'Cormorant Garamond', 'Playfair Display', 'Georgia', serif;
  --font-sans: 'Plus Jakarta Sans', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* Font Weights */
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;

  /* Border Radii (Restrained & Sophisticated) */
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 10px;
  --radius-xl: 14px;

  /* Elevation Shadows */
  --shadow-subtle: 0 2px 10px rgba(11, 27, 54, 0.04);
  --shadow-card: 0 4px 20px rgba(11, 27, 54, 0.07);
  --shadow-hover: 0 12px 36px rgba(11, 27, 54, 0.12);
  --shadow-drawer: -10px 0 40px rgba(0, 0, 0, 0.25);

  /* Transitions */
  --transition-fast: 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-normal: 0.35s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-smooth: 0.5s cubic-bezier(0.16, 1, 0.3, 1);

  /* Layout Dimensions */
  --container-max-width: 1360px;
  --container-narrow-width: 1080px;
  --header-height: 84px;
}