/*
============================
Name:
Version: 1.0.0
Description:
Author: Sujon mahamud
Author URI:
Location:
============================
*/

@font-face {
  font-family: "Proxima Extra Bold";
  src: local("Proxima Nova Extrabold"), local("Proxima Nova Extra Bold"),
    local("Proxima Extra Bold");
  font-style: normal;
  font-weight: 800;
}

@font-face {
  font-family: "Proxima Nova Bold";
  src: local("Proxima Nova Bold"), local("Proxima Bold");
  font-style: normal;
  font-weight: 700;
}

@font-face {
  font-family: "Proxima Nova Light";
  src: local("Proxima Nova Light"), local("Proxima Light");
  font-style: normal;
  font-weight: 300;
}

:root {
  /* TaxOne Brand Colors */
  --color-primary-blue: #36A7DE;
  --color-dark-blue: #22539F;
  --color-dark-gray: #231F20;
  --color-light-gray: #D1D3D4;

  /* Legacy Variables (mapped to brand colors) */
  --color-primary: #36A7DE;
  --color-secondary: #22539F;

  /* Semantic Variables */
  --color-text-primary: #231F20;
  --color-text-secondary: #22539F;
  --color-border: #D1D3D4;
  --color-background-light: #D1D3D4;

  /* Font Variables */
  --font-heading: "Proxima Extra Bold", "Segoe UI", sans-serif;
  --font-subheading: "Proxima Nova Bold", "Segoe UI", sans-serif;
  --font-body: "Proxima Nova Light", "Segoe UI", sans-serif;
}

*{
  margin:0;
  padding:0;
  box-sizing: border-box;
}
input, textarea, select, option, {
  max-width: 100%;
}

img{
  max-width: 100%;
  max-height: 100%;
}
ul{
  margin: 0;
  padding: 0;
  list-style: none;
}

a,
a:hover,
a:focus{
  outline: none;
  text-decoration: none;
}
a:hover,
a:focus{
  color: var(--color-primary);
}
h1,
h2,
h3,
h4,
h5,
h6{
  margin:0;
  font-family: var(--font-heading);
}
p{
  margin: 0;
  font-family: var(--font-body);
}

body{
  font-family: var(--font-body);
}

body,
a,
span,
li {
  font-family: var(--font-body);
}

.section-title,
.section-subtitle,
.sub-heading,
[class*="section-title"],
[class*="section-subtitle"] {
  font-family: var(--font-subheading);
}