@import "tailwindcss";
@layer base {
    /* dana font face */
  @font-face {
    font-family: "Dana";
    src: url("../font/Dana/DanaFaNum-Regular.woff2") format("woff2");
    font-display: swap;
  }
  @font-face {
    font-family: "Dana Medium";
    src: url("../font/Dana/DanaFaNum-Medium.woff2") format("woff2");
    font-display: swap;
  }
  @font-face {
    font-family: "Dana DemiBold";
    src: url("../font/Dana/DanaFaNum-DemiBold.woff2") format("woff2");
    font-display: swap;
  }
  /* morabba font face */
  @font-face {
    font-family: "Morabba light";
    src: url("../font/Morabba/Morabba-Light.woff2") format("woff2");
    font-display: swap;
  }
  @font-face {
    font-family: "Morabba Medium";
    src: url("../font/Morabba/Morabba-Medium.woff2") format("woff2");
    font-display: swap;
  }
  @font-face {
    font-family: "Morabba Bold";
    src: url("../font/Morabba/Morabba-Bold.woff2") format("woff2");
    font-display: swap;
  }
}
@theme {
  /* font */
  --font-Dana: "Dana";
  --font-DanaMedium: "Dana Medium";
  --font-DanaDemiBold: "Dana DemiBold";
  --font-MorabbaLight: "Morabba light";
  --font-MorabbaMedium: "Morabba Medium";
  --font-MorabbaBold: "Morabba Bold";
  --color-primary:#00303F;
  --color-theme: #BFA100;
  /* Navy */
  --color-brand-navy-dark: #081a2c;
  --color-brand-navy: #102a43;
  --color-brand-navy-medium: #1f4e73;
  --color-brand-navy-light: #dce7f0;

  /* Yellow */
  --color-brand-yellow: #f4b400;
  --color-brand-yellow-hover: #d99f00;
  --color-brand-yellow-light: #fff3c4;

  /* Red */
  --color-brand-red: #c92a2a;
  --color-brand-red-hover: #a92020;
  --color-brand-red-light: #fde8e8;

  /* Surfaces */
  --color-brand-surface: #f8f7f3;
  --color-brand-card: #ffffff;

  /* Text */
  --color-brand-text: #17202a;
  --color-brand-muted: #6b7280;

  /* Border */
  --color-brand-border: #e5e7eb;
}

input:-webkit-autofill {
  box-shadow: 0 0 0 1000px transparent inset !important;
  -webkit-text-fill-color: inherit !important;
}
@layer utilities {
  /* Chrome, Safari and Opera */
  .scrollbar-hide::-webkit-scrollbar {
    display: none;
  }

  /* Firefox */
  .scrollbar-hide {
    scrollbar-width: none;
  }

  /* IE and Edge */
  .scrollbar-hide {
    -ms-overflow-style: none;
  }
}