/*
 * TwinSight website — single source of truth for brand font + palette.
 * Linked from index.html, try.html, digest.html, kvkk.html.
 * Palette values are kept in sync with the product (digital-twin-frontend/app/globals.css,
 * tailwind.config.ts, twinsight-mobile/src/lib/brand.ts). Self-hosted fonts only (no CDN → KVKK).
 */

@font-face {
  font-family: "Sora";
  font-weight: 600 700;
  font-display: swap;
  src: url(/assets/fonts/sora-latin.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+2000-206F;
}
@font-face {
  font-family: "Sora";
  font-weight: 600 700;
  font-display: swap;
  src: url(/assets/fonts/sora-ext.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+1E00-1E9F;
}

:root {
  /* Canonical palette (matches product web app + mobile) */
  --ground: #f4f6fb;   /* page background */
  --surface: #ffffff;  /* cards */
  --tint: #eef5f4;     /* soft teal wash */
  --ink: #10182c;      /* primary text */
  --muted: #49556e;    /* secondary text */
  --faint: #8a95ac;    /* placeholder / captions */
  --line: #dfe5f0;     /* borders */
  --teal: #0d9488;     /* brand */
  --emerald: #059669;  /* accent */
  --deep-1: #04252d;   /* dark hero gradient stop */
  --deep-2: #06333a;   /* dark hero gradient stop */
  --red: #b4232a;      /* negative verdict (try.html) */

  --display: "Sora", "Segoe UI", system-ui, sans-serif;
  --body: "Segoe UI", system-ui, -apple-system, sans-serif;
}