:root,
[data-bs-theme=light] {
  --bs-primary: #00095B;
  --bs-secondary: #066FEF;
  --bs-blue-light: #0142BD;
  --bs-dark-blue: #1700F4;
  --bs-twilight: #00142E;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-font-sans-serif: "Ford F1TC", "Kantumruy Pro", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: "Ford F1TC", "Kantumruy Pro", SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));

  /* rgb color for primary */
  --bs-primary-rgb: 0, 9, 91;
  --bs-secondary-rgb: 6, 111, 239;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 110, 253;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;

  /* ── Ford Typography Scale ─────────────────────────────────────────── */

  --bs-fs-base: 0.688rem;
  /* 10px */
  --bs-fs-sm: 0.75rem;
  /* 12px */
  --bs-fs-md: 0.875rem;
  /* 14px */
  --bs-fs-lg: 1.125rem;
  /* 18px */
  --bs-fs-xl: 1.25rem;
  /* 20px */
  --bs-fs-xxl: 1.5rem;
  /* 24px */
  --bs-fs-xxxl: 2rem;
  /* 32px */
  --bs-fs-xxxxl: 2.5rem;
  /* 40px */
  --bs-fs-xxxxxl: 3rem;
  /* 48px */
  --bs-fs-xxxxxxl: 4rem;
  /* 64px */

  --bs-line-height-base: 1.5;
  --bs-line-height-sm: 1.25;
  --bs-line-height-md: 1.5;
  --bs-line-height-lg: 1.75;
  --bs-line-height-xl: 1.5;
  --bs-line-height-xxl: 1.5;

  --bs-ls-base: 0;

  .text-twilight { color: var(--bs-twilight) !important; }


  /* ── Override Bootstrap display/heading sizes ───────────────────────── */
  .display-1 {
    font-size: var(--bs-fs-xxxxxl) !important;
    line-height: var(--bs-line-height-base) !important;
    letter-spacing: var(--bs-ls-base) !important;
    font-weight: 500;
  }

  .display-2 {
    font-size: var(--bs-fs-xxxxl) !important;
    line-height: var(--bs-line-height-base) !important;
    letter-spacing: var(--bs-ls-base) !important;
    font-weight: 500;
  }

  .display-3 {
    font-size: var(--bs-fs-xxxl) !important;
    line-height: var(--bs-line-height-base) !important;
    letter-spacing: var(--bs-ls-base) !important;
    font-weight: 500;
  }

  h1,
  .h1 {
    font-size: var(--bs-fs-xxxxxl) !important;
    line-height: var(--bs-line-height-base) !important;
    letter-spacing: var(--bs-ls-base) !important;
    font-weight: 500;
  }

  h2,
  .h2 {
    font-size: var(--bs-fs-xxxxl) !important;
    line-height: var(--bs-line-height-base) !important;
    letter-spacing: var(--bs-ls-base) !important;
    font-weight: 500;
  }

  h3,
  .h3 {
    font-size: var(--bs-fs-xxl) !important;
    line-height: var(--bs-line-height-base) !important;
    letter-spacing: var(--bs-ls-base) !important;
    font-weight: 500;
  }
  h4,
  .h4 {
    font-size: var(--bs-fs-xl) !important;
    line-height: var(--bs-line-height-base) !important;
    letter-spacing: var(--bs-ls-base) !important;
    font-weight: 500;
  }
  h5,
  .h5 {
    font-size: var(--bs-fs-lg) !important;
    line-height: var(--bs-line-height-base) !important;
    letter-spacing: var(--bs-ls-base) !important;
    font-weight: 500;
  }
  h6,
  .h6 {
    font-size: var(--bs-fs-md) !important;
    line-height: var(--bs-line-height-base) !important; 
    letter-spacing: var(--bs-ls-base) !important;
    font-weight: 500;
  }
  p{
    font-size: var(--bs-fs-md) !important;
    line-height: var(--bs-line-height-base) !important; 
    letter-spacing: var(--bs-ls-base) !important;
  }

   @media (min-width: 768px) {
    .display-1 {
      font-size: var(--bs-fs-xxxxxl) !important;
      line-height: var(--bs-display-1-sm-line-height) !important;
      letter-spacing: var(--bs-display-1-sm-letter-spacing) !important;
    }

    .display-2 {
      font-size: var(--bs-fs-xxxxl) !important;
      line-height: var(--bs-display-2-sm-line-height) !important;
      letter-spacing: var(--bs-display-2-sm-letter-spacing) !important;
    }

    .display-3 {
      font-size: var(--bs-fs-xxxl) !important;
      line-height: var(--bs-display-3-sm-line-height) !important;
      letter-spacing: var(--bs-display-3-sm-letter-spacing) !important;
    }
    h1,.h1{font-size: var(--bs-fs-xxxxl) !important;}
    h2,.h2{font-size: var(--bs-fs-xxxl) !important;}
    h3,.h3{font-size: var(--bs-fs-xxl) !important;}
    h4,.h4{font-size: var(--bs-fs-xl) !important;}
    h5,.h5{font-size: var(--bs-fs-lg) !important;}
    h6,.h6{font-size: var(--bs-fs-md) !important;}
    p{font-size: var(--bs-fs-md) !important;}
   }


  @media (min-width: 991.98px) {
    .display-1 {
      font-size: var(--bs-fs-xxxxxl) !important;
      line-height: var(--bs-display-1-sm-line-height) !important;
      letter-spacing: var(--bs-display-1-sm-letter-spacing) !important;
    }

    .display-2 {
      font-size: var(--bs-fs-xxxxl) !important;
      line-height: var(--bs-display-2-sm-line-height) !important;
      letter-spacing: var(--bs-display-2-sm-letter-spacing) !important;
    }

    .display-3 {
      font-size: var(--bs-fs-xxxl) !important;
      line-height: var(--bs-display-3-sm-line-height) !important;
      letter-spacing: var(--bs-display-3-sm-letter-spacing) !important;
    }

    h1,
    .h1 {
      font-size: var(--bs-fs-xxxxxxl) !important;
      line-height: var(--bs-h1-sm-line-height) !important;
      letter-spacing: var(--bs-h1-sm-letter-spacing) !important;
    }

    h2,
    .h2 {
      font-size: var(--bs-fs-xxxxxl) !important;
      line-height: var(--bs-h2-sm-line-height) !important;
      letter-spacing: var(--bs-h2-sm-letter-spacing) !important;
    }

    h3,
    .h3 {
      font-size: var(--bs-fs-xxxxl) !important;
      line-height: var(--bs-h3-sm-line-height) !important;
      letter-spacing: var(--bs-h3-sm-letter-spacing) !important;
    }

    h4,
    .h4 {
      font-size: var(--bs-fs-xxxl) !important;
      line-height: var(--bs-h4-sm-line-height) !important;
      letter-spacing: var(--bs-h4-sm-letter-spacing) !important;
    }

    h5,
    .h5 {
      font-size: var(--bs-fs-xxl) !important;
      line-height: var(--bs-h5-sm-line-height) !important;
      letter-spacing: var(--bs-h5-sm-letter-spacing) !important;
    }

    h6,
    .h6 {
      font-size: var(--bs-fs-xl) !important;
      line-height: var(--bs-h6-sm-line-height) !important;
      letter-spacing: var(--bs-h6-sm-letter-spacing) !important;
    }
    p{font-size: var(--bs-fs-lg) !important;}
  }
}