/** Importa fontes normalmente */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap");

/* ---------------------------- */
/* VARIABLES (ROOT + DARK MODE) */
/* ---------------------------- */
:root {
  --background: 0 0% 100%;
  --foreground: 200 80% 9%;

  --card: 0 0% 100%;
  --card-foreground: 200 80% 9%;

  --popover: 0 0% 100%;
  --popover-foreground: 200 80% 9%;

  --primary: 200 80% 9%;
  --primary-foreground: 0 0% 100%;

  --secondary: 210 17% 98%;
  --secondary-foreground: 200 80% 9%;

  --muted: 210 17% 98%;
  --muted-foreground: 206 13% 38%;

  --accent: 210 17% 98%;
  --accent-foreground: 200 80% 9%;

  --destructive: 0 84% 60%;
  --destructive-foreground: 0 0% 100%;

  --border: 214 32% 91%;
  --input: 214 32% 91%;
  --ring: 200 80% 9%;

  --radius: 0.5rem;

  --brand-navy: 200 80% 9%;
  --brand-gold: 36 46% 57%;
  --brand-green: 130 91% 36%;
  --brand-blue: 229 97% 45%;
  --brand-gray: 210 17% 96%;
  --text-gray: 206 9% 38%;

}

.dark {
  --background: 200 80% 9%;
  --foreground: 0 0% 100%;

  --card: 200 80% 9%;
  --card-foreground: 0 0% 100%;

  --popover: 200 80% 9%;
  --popover-foreground: 0 0% 100%;

  --primary: 0 0% 100%;
  --primary-foreground: 200 80% 9%;

  --secondary: 210 100% 12%;
  --secondary-foreground: 0 0% 100%;

  --muted: 210 100% 12%;
  --muted-foreground: 206 13% 65%;

  --accent: 210 100% 12%;
  --accent-foreground: 0 0% 100%;

  --destructive: 0 63% 31%;
  --destructive-foreground: 0 0% 100%;

  --border: 210 100% 12%;
  --input: 210 100% 12%;
  --ring: 0 0% 100%;
}

/* ---------------------------- */
/* BASE STYLES (SEM @apply)     */
/* ---------------------------- */

* {
  border-color: hsl(var(--border));
}

html {
  scroll-behavior: smooth;
}

body {
    background-color: hsl(var(--background));
    color: hsl(var(--foreground));
    font-family: "avory-i-latin", sans-serif;
    font-weight: 400;
    font-style: normal;
    scroll-behavior: smooth;
}

/* Tipografia segura */
p, span, li, h1, h2, h3, h4, h5, h6, a, button, label, td, th {
  overflow-wrap: anywhere;
  word-break: break-word;
}

pre,
code {
  overflow-x: auto;
  white-space: pre;
}


.avory_i_latin_regular{
    font-family: "avory-i-latin", sans-serif;
    font-weight: 400;
    font-style: normal;
}
.avory_i_latin_italic{
    font-family: "avory-i-latin", sans-serif;
    font-weight: 400;
    font-style: italic;
}
.avory_i_latin_bold{
    font-family: "avory-i-latin", sans-serif;
    font-weight: 700;
    font-style: normal;
}
.avory_i_latin_bold_italic{
    font-family: "avory-i-latin", sans-serif;
    font-weight: 700;
    font-style: italic;
}
.avory_i_pe_regular{
    font-family: "avory-i-pe", sans-serif;
    font-weight: 400;
    font-style: normal;
}
.avory_i_pe_italic{
    font-family: "avory-i-pe", sans-serif;
    font-weight: 400;
    font-style: italic;
}
.avory_i_pe_bold{
    font-family: "avory-i-pe", sans-serif;
    font-weight: 700;
    font-style: normal;
}
.avory_i_pe_bold_italic{
    font-family: "avory-i-pe", sans-serif;
    font-weight: 700;
    font-style: italic;
}