/*
  Mody Toyota — user-editable theme tokens.
  Change --section-padding-y to control all section gaps.
  Change --color-primary for brand red.
  Refresh the page after saving. GitHub Pages: this file is at /modytoyota/theme.css.
*/

@font-face {
  font-family: "Toyota Type";
  src: url("./fonts/ToyotaType-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Toyota Type";
  src: url("./fonts/ToyotaType-Bold.woff") format("woff");
  font-weight: 600 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "ToyotaType";
  src: url("./fonts/ToyotaType-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "ToyotaType";
  src: url("./fonts/ToyotaType-Bold.woff") format("woff");
  font-weight: 600 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: ToyotaType-Regular;
  src: url("./fonts/ToyotaType-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: ToyotaType-Bold;
  src: url("./fonts/ToyotaType-Bold.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: ToyotaType-Semibold;
  src: url("./fonts/ToyotaType-Semibold.woff") format("woff"),
    url("./fonts/ToyotaType-Semibold.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --color-primary: #EB0A1E;
  --color-primary-dark: #c40819;
  --color-background: #ffffff;
  --color-surface: #f7f7f7;
  --color-text: #111111;
  --color-text-muted: #6b7280;
  --color-border: #e5e5e5;
  --section-padding-y: 2.5rem;
  --section-padding-y-tight: 2.5rem;
  --header-height: 4rem;
  --container-max: 92rem;
  --radius: 0;
  --font-wordmark: ToyotaType-Bold, "Toyota Type", "ToyotaType", var(--font-toyota), Helvetica, Arial, sans-serif;
}

@media (min-width: 768px) {
  :root {
    --section-padding-y: 3.125rem;
    --section-padding-y-tight: 3.125rem;
  }
}
@media (min-width: 768px) {
  .secndsection {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    align-items: center;
    justify-content: center;
  }
}