:root {
  /* Brand identity (from official Logo MINCY Group brand book) */
  --navy-deep: #1B2C6E;   /* Slightly darker shade of brand navy for backgrounds */
  --navy: #273B91;        /* Primary brand navy (PDF: HEX 273B91) */
  --navy-soft: #3D52A8;   /* Lighter navy for hover/secondary */
  --navy-light: #E5EAF7;  /* Very pale navy for backgrounds */
  --navy-pale: #F2F4FB;   /* Lightest navy wash */

  --blue-bright: #0774BB; /* Secondary bright blue (PDF: HEX 0774BB) — for the 'MIN' part of logo */
  --gold: #C19D50;        /* Primary brand gold (PDF: HEX C19D50) */
  --gold-light: #E2C779;  /* Light gold accent (PDF: HEX E2C779) */

  --black: #0F0F0F;
  --charcoal: #2A2A2A;
  --gray-900: #1A1A1A;
  --gray-700: #4A4A4A;
  --gray-500: #6F6F6F;
  --gray-300: #D0D0D0;
  --gray-100: #F5F5F5;
  --gray-50: #FAFAFA;
  --white: #FFFFFF;
  --off-white: #FCFCFC;

  --font-display: 'Noto Serif Display', Georgia, serif;
  --font-body: 'Be Vietnam Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono: 'JetBrains Mono', 'SF Mono', Menlo, monospace;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --space-10: 128px;

  --container-max: 1280px;
  --transition-base: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}