/* Reset, tokens, and base typography. */

:root {
        color-scheme: light;
        --bg: #f7f9fb;
        --bg-soft: #f1f5f9;
        --surface: #ffffff;
        --surface-2: #f2f4f6;
        --line: #cbd5e1;
        --line-soft: #e2e8f0;
        --text: #1e293b;
        --muted: #64748b;
        --faint: #8b96a8;
        --primary: #0f172a;
        --secondary: #0d9488;
        --tertiary: #6366f1;
        --gold: #0f172a;
        --gold-soft: rgba(15, 23, 42, 0.06);
        --gold-wash: #f2f4f6;
        --green: #10b981;
        --red: #ef4444;
        --blue: #5c7cfa;
        --teal: #006a61;
        --paper-shadow: 0 8px 20px rgba(15, 23, 42, 0.06);
        --radius: 8px;
      }

* {
        box-sizing: border-box;
      }

[hidden] {
        display: none !important;
      }

body {
        margin: 0;
        min-height: 100vh;
        background: var(--bg);
        color: var(--text);
        font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      }

button,
      input,
      select,
      textarea {
        font: inherit;
      }

button {
        border: 0;
      }

h1,
      h2,
      h3,
      p {
        margin: 0;
      }

h1 {
        font-size: 20px;
        line-height: 1.3;
        font-weight: 760;
        letter-spacing: 0;
      }