/* Agent F   Global Styles & Design Tokens */

@font-face {
  font-family: "BIGGER";
  src: url("../fonts/BiggerDisplay.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: block; /* block briefly rather than swap-flicker on headlines */
}

:root {
  /* Brand colors — V1.2 canonical values (aligned with tokens.css) */
  --cream: #efecca;
  --sand: #ccc5a3;
  --tan: #9d937c;
  --off-white: #f9f9f0;
  --baby-blue: #badbee;
  --mint: #daf6d4;
  --coral: #fe805c;
  --off-black: #0f0e0b;
  --dark-grey: #171612;
  --dark-brown: #21201c;
  --graphite: #2f2d28;

  /* Aliases — map unprefixed tokens to agf- prefix for cross-file consistency */
  --agf-coral: #fe805c;
  --agf-mint: #daf6d4;
  --agf-baby-blue: #badbee;
  --agf-tan: #9d937c;
  --agf-sand: #ccc5a3;
  --agf-cream: #efecca;
  --agf-off-white: #f9f9f0;
  --agf-off-black: #0f0e0b;
  --agf-dark-grey: #171612;
  --agf-dark-brown: #21201c;
  --agf-graphite: #2f2d28;
  --agf-bg: #f9f9f0;
  --agf-text: #0f0e0b;
  --agf-text-secondary: #9d937c;
  --agf-card-dark: #21201c;
  --agf-card-light: #efecca;

  /* Responsive margins */
  --margin-sm: 16px;
  --margin-md: 32px;
}

/* Fluid font-size interpolation helper */
* {
  --min-screen-size: 430;
  --max-screen-size: 1400;
  --interpolate-diff: calc(var(--max-font-size) - var(--min-font-size));
  --interpolate: clamp(
    calc(var(--min-font-size) * 1px),
    calc(
      (var(--min-font-size) * 1px) + var(--interpolate-diff) *
        (
          (100vw - calc(var(--min-screen-size) * 1px)) /
            (var(--max-screen-size) - var(--min-screen-size))
        )
    ),
    calc(var(--max-font-size) * 1px)
  );
}

html {
  height: 100%;
  font-size: 16px;
  scroll-snap-type: y proximity;
}

body {
  background: var(--off-white);
  color: var(--off-black);
  font-family: "Inter", "Helvetica Neue", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Selection color */
::selection {
  background: var(--mint);
  color: var(--off-black);
}

/* Hover utilities */
.hover-bright:hover {
  filter: brightness(1.2);
}
.hover-zoom:hover {
  scale: 1.05;
}

/* ── Self-hosted fonts (Inter + Anton) — no external CDN, GDPR-safe (§6.3) ── */
@font-face {
  font-family: 'Anton';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/anton-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Anton';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/anton-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url('../fonts/inter-italic-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url('../fonts/inter-italic-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('../fonts/inter-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('../fonts/inter-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}