@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400;1,600;1,700&display=swap');

:root {
  --color-primary: #DF0513;
  --color-primary-dark: #B70410;
  --color-primary-darker: #8E030C;
  --color-primary-light: #FFF1F2;
  --color-primary-rgb: 223, 5, 19;
  
  --color-secondary: #000000;
  --color-secondary-dark: #0A0D14;
  
  --color-bg-page: #FFFFFF;
  --color-bg-navbar: #FFFFFF;
  --color-bg-card: #FFFFFF;
  --color-bg-subtle: #F8FAFC;
  --color-bg-blue-subtle: #FEF2F2;
  --color-bg-blue-accent: #FEE2E2;
  --color-bg-blue-badge: #FECACA;
  
  --color-text-main: #0F172A;
  --color-text-secondary: #475569;
  --color-text-muted: #64748B;
  --color-text-light: #94A3B8;
  --color-text-gold: #D81D24;
  --color-text-inverse: #FFFFFF;
  
  --color-border: rgba(226, 232, 240, 0.8);
  --color-border-solid: #CBD5E1;
  
  --shadow-sm: 0px 1px 2px rgba(0, 0, 0, 0.05);
  --shadow-md: 0px 4px 6px -1px rgba(0, 0, 0, 0.08), 0px 2px 4px -2px rgba(0, 0, 0, 0.05);
  --shadow-lg: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -4px rgba(0, 0, 0, 0.05);
  --shadow-xl: 0px 20px 25px -5px rgba(0, 0, 0, 0.12), 0px 8px 10px -6px rgba(0, 0, 0, 0.06);
  
  --font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  
  --container-max: 1280px;
  --navbar-height: 80px;
  --topbar-height: 34px;
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  
  --transition-fast: 0.15s ease;
  --transition-normal: 0.25s ease;
}