/* ── IvyOra Display ─────────────────────── */
@font-face {
  font-family: 'IvyOra Display';
  src: url('../Tipografias/IvyOra/IvyOraDisplay-Thin.woff2') format('woff2'),
       url('../Tipografias/IvyOra/IvyOraDisplay-Thin.woff') format('woff');
  font-weight: 100; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'IvyOra Display';
  src: url('../Tipografias/IvyOra/IvyOraDisplay-ThinItalic.woff2') format('woff2'),
       url('../Tipografias/IvyOra/IvyOraDisplay-ThinItalic.woff') format('woff');
  font-weight: 100; font-style: italic; font-display: swap;
}
@font-face {
  font-family: 'IvyOra Display';
  src: url('../Tipografias/IvyOra/IvyOraDisplay-Light.woff2') format('woff2'),
       url('../Tipografias/IvyOra/IvyOraDisplay-Light.woff') format('woff');
  font-weight: 300; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'IvyOra Display';
  src: url('../Tipografias/IvyOra/IvyOraDisplay-LightItalic.woff2') format('woff2'),
       url('../Tipografias/IvyOra/IvyOraDisplay-LightItalic.woff') format('woff');
  font-weight: 300; font-style: italic; font-display: swap;
}
@font-face {
  font-family: 'IvyOra Display';
  src: url('../Tipografias/IvyOra/IvyOraDisplay-Regular.woff2') format('woff2'),
       url('../Tipografias/IvyOra/IvyOraDisplay-Regular.woff') format('woff');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'IvyOra Display';
  src: url('../Tipografias/IvyOra/IvyOraDisplay-RegularItalic.woff2') format('woff2'),
       url('../Tipografias/IvyOra/IvyOraDisplay-RegularItalic.woff') format('woff');
  font-weight: 400; font-style: italic; font-display: swap;
}
@font-face {
  font-family: 'IvyOra Display';
  src: url('../Tipografias/IvyOra/IvyOraDisplay-Medium.woff2') format('woff2'),
       url('../Tipografias/IvyOra/IvyOraDisplay-Medium.woff') format('woff');
  font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'IvyOra Display';
  src: url('../Tipografias/IvyOra/IvyOraDisplay-MediumItalic.woff2') format('woff2'),
       url('../Tipografias/IvyOra/IvyOraDisplay-MediumItalic.woff') format('woff');
  font-weight: 500; font-style: italic; font-display: swap;
}
@font-face {
  font-family: 'IvyOra Display';
  src: url('../Tipografias/IvyOra/IvyOraDisplay-Bold.woff2') format('woff2'),
       url('../Tipografias/IvyOra/IvyOraDisplay-Bold.woff') format('woff');
  font-weight: 700; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'IvyOra Display';
  src: url('../Tipografias/IvyOra/IvyOraDisplay-BoldItalic.woff2') format('woff2'),
       url('../Tipografias/IvyOra/IvyOraDisplay-BoldItalic.woff') format('woff');
  font-weight: 700; font-style: italic; font-display: swap;
}

/* ── Kind Sans ──────────────────────────── */
@font-face {
  font-family: 'Kind Sans';
  src: url('../Tipografias/Kind Sans/kindsans-thin.ttf') format('truetype');
  font-weight: 100; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Kind Sans';
  src: url('../Tipografias/Kind Sans/kindsans-light.ttf') format('truetype');
  font-weight: 300; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Kind Sans';
  src: url('../Tipografias/Kind Sans/kindsans-regular.ttf') format('truetype');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Kind Sans';
  src: url('../Tipografias/Kind Sans/kindsans-medium.ttf') format('truetype');
  font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Kind Sans';
  src: url('../Tipografias/Kind Sans/kindsans-semibold.ttf') format('truetype');
  font-weight: 600; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Kind Sans';
  src: url('../Tipografias/Kind Sans/kindsans-bold.ttf') format('truetype');
  font-weight: 700; font-style: normal; font-display: swap;
}

*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
}

:root {
  --bone:   #FBFBFA;
  --ink:    #1A1A1A;
  --stone:  #44403c;
  --burg:   #702B47;
  --navy:   #424375;
  --forest: #293F32;
  --lav:    #9876F5;
  --cta:    #702B47;
  --pink:   #F7ACC6;
  --peach:  #F0BE91;
  --yel:    #F2E949;
  --wh:     #ffffff;
  --border: rgba(0, 0, 0, 0.09);
  --sh-sm:  0 1px 4px rgba(0, 0, 0, 0.055);
  --sh-md:  0 4px 18px rgba(0, 0, 0, 0.08);
  --sh-lg:  0 8px 32px rgba(0, 0, 0, 0.1);
  /* Dark theme vars */
  --bg:      #0e0620;
  --bg2:     #160a30;
  --wh60:    rgba(255,255,255,0.6);
  --wh40:    rgba(255,255,255,0.4);
  --wh15:    rgba(255,255,255,0.15);
  --wh08:    rgba(255,255,255,0.08);
  --border-d: rgba(255,255,255,0.12);
}

body {
  font-family: 'Kind Sans', system-ui, sans-serif;
  background: var(--bone);
  color: var(--ink);
  font-size: 16px;
  overflow-x: hidden;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4 {
  font-family: 'IvyOra Display', Georgia, serif;
  font-weight: 400;
  line-height: 1.06;
  color: var(--ink);
}

em  { font-style: italic; }
p   { line-height: 1.8; font-weight: 300; }
a   { text-decoration: none; color: inherit; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}