:root {
    --primary: #14447B;
    --secondary: #E61E25;
    --background: #FFFFFF;
    --foreground: #09090B;
    --card: #EFEFF3;
    --card-foreground: #09090B;
    --popover: #FFFFFF;
    --popover-foreground: #09090B;
    --muted: #F4F4F5;
    --muted-foreground: #71717A;
    --subtitle: #71717A;
    --light-subtitle: #9A9AA1;
    --accent: #F9FAFB;
    --accent-foreground: #18181B;
    --border: #E4E4E7;
    --input: #E4E4E7;
    --white-fix: #FFFFFF;
    --black-fix-2: #09090B;
    --shadow: #0000001A;
  }
  .light {
    --primary: #14447B;
    --secondary: #E61E25;
    --background: #0F172A;
    --foreground: #FAFAFA;
    --card: #1C2437;
    --card-foreground: #FAFAFA;
    --popover: #0F172A;
    --popover-foreground: #FAFAFA;
    --muted: #1C2437;
    --muted-foreground: #7E90A9;
    --subtitle: #7E90A9;
    --light-subtitle: #7E90A9;
    --accent: #1C2437;
    --accent-foreground: #FAFAFA;
    --border: #2D3956;
    --input: #1C2437;
    --white-fix: #FFFFFF;
    --black-fix-2: #0F172A;
    --shadow: #515F82FC;
  }
  
  .background {
      background-color: var(--background);
  }
  
  .border {
      border-color: var(--border);
  }