/* Rustrinth — shared design tokens.
   Loaded before community.css and app.css so both surfaces use one palette. */

@font-face {
  font-family: "Inter";
  src: url("/inter-latin.woff2") format("woff2");
  font-weight: 400 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Space Grotesk";
  src: url("/space-grotesk-latin.woff2") format("woff2");
  font-weight: 500 700;
  font-style: normal;
  font-display: swap;
}

:root {
  /* warm charcoal neutrals */
  --bg: #0f1115;
  --bg-soft: #13161b;
  --surface: #171a20;
  --surface-2: #1d2128;
  --surface-3: #242933;
  --line: #272c35;
  --line-strong: #363c48;

  /* warm off-white type */
  --text: #ebe9e5;
  --muted: #a4a19c;
  --dim: #7b7975;

  /* burnt copper accent */
  --accent: #e3723a;
  --accent-hi: #ffa06b;
  --accent-dim: #b85a2c;
  --accent-soft: rgba(227, 114, 58, 0.12);
  --accent-ink: #180c06;

  /* status */
  --green: #4fd39a;
  --green-soft: rgba(79, 211, 154, 0.1);
  --warn: #e6b25c;
  --warn-soft: rgba(230, 178, 92, 0.1);
  --bad: #ee7c7c;
  --bad-soft: rgba(238, 124, 124, 0.1);
  --steel: #8fb6d4;

  /* geometry */
  --radius-xs: 6px;
  --radius-sm: 8px;
  --radius: 12px;
  --radius-lg: 16px;
  --radius-xl: 22px;
  --max: 1240px;
  --top: 64px;

  /* type */
  --font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-display: "Space Grotesk", "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  /* elevation */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.35);
  --shadow: 0 2px 8px rgba(0, 0, 0, 0.25), 0 24px 60px -32px rgba(0, 0, 0, 0.9);
  --focus-ring: 0 0 0 2px var(--bg), 0 0 0 4px rgba(227, 114, 58, 0.55);
}