/* AIPhoundry brand tokens. Generated by scripts/build.py; edit there. */
/* Archivo, variable: weight 100-900, width 62-125%. Headings use
   font-stretch: 112.5% or 125%; body text stays at 100%. */
@font-face {
  font-family: "Archivo";
  font-weight: 100 900;
  font-stretch: 62% 125%;
  font-display: swap;
  src: url("./fonts/archivo-latin-variable.woff2") format("woff2");
}

:root {
  --aph-iron-950: #0e1014;
  --aph-iron-900: #16181d;
  --aph-iron-800: #22262e;
  --aph-iron-700: #323742;
  --aph-steel-500: #6b7383;
  --aph-steel-300: #a9b0bd;
  --aph-steel-100: #e4e7ec;
  --aph-paper: #f7f5f0;
  --aph-white: #ffffff;
  --aph-molten-700: #c2340a;
  --aph-molten-600: #e8480f;
  --aph-molten-500: #ff5a1f;
  --aph-ember-400: #ff8a1f;
  --aph-ember-300: #ffb43a;
  --aph-spark-200: #ffd98a;
  --aph-quench-500: #2e9c93;
  --aph-blueprint-500: #3d7bff;
  --aph-gradient-molten: linear-gradient(180deg, #ffb43a 0%, #ff8a1f 55%, #ff5a1f 100%);
  --aph-gradient-pour: linear-gradient(90deg, #ffd98a 0%, #ffb43a 35%, #ff8a1f 70%, #ff5a1f 100%);
  --aph-font-display: "Archivo", ui-sans-serif, system-ui, sans-serif;
  --aph-font-body: "Archivo", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --aph-font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --aph-stretch-display: 125%;
  --aph-stretch-heading: 112.5%;
  --aph-stretch-body: 100%;
  --aph-radius-sm: 6px;
  --aph-radius-md: 10px;
  --aph-radius-lg: 16px;
  --aph-radius-pill: 999px;
  --bg: #f7f5f0;
  --surface: #ffffff;
  --border: #e4e7ec;
  --text: #16181d;
  --text-muted: #6b7383;
  --accent: #ff5a1f;
  --accent-hover: #e8480f;
  --accent-text: #c2340a;
  --success: #2e9c93;
  --info: #3d7bff;
  color-scheme: light dark;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #0e1014;
    --surface: #16181d;
    --border: #323742;
    --text: #f7f5f0;
    --text-muted: #a9b0bd;
    --accent: #ff8a1f;
    --accent-hover: #ffb43a;
    --accent-text: #ffb43a;
    --success: #2e9c93;
    --info: #3d7bff;
  }
}

:root[data-theme="dark"] {
  --bg: #0e1014;
  --surface: #16181d;
  --border: #323742;
  --text: #f7f5f0;
  --text-muted: #a9b0bd;
  --accent: #ff8a1f;
  --accent-hover: #ffb43a;
  --accent-text: #ffb43a;
  --success: #2e9c93;
  --info: #3d7bff;
}