/* ============================================================
   TownSuite.Chat — 2026 design tokens (theme-independent)
   Source of truth: townsuite.com 2026 home + docs design language
   Load BEFORE theme-dark.css / theme-light.css in index.html.
   ============================================================ */

/* Dax brand typeface — copy dax-regular.ttf / .otf into wwwroot/webfonts/ */
@font-face {
    font-family: 'Dax';
    src: url('../webfonts/dax-regular.ttf') format('truetype'),
         url('../webfonts/dax-regular.otf') format('opentype');
    font-weight: 400 900;
    font-style: normal;
    font-display: swap;
}

:root {
    /* ---------- brand constants (never themed) ---------- */
    --ts-blue: #00578E;
    --ts-blue-deep: #003C63;
    --ts-blue-mid: #6B95BE;
    --ts-blue-soft: #D8E0ED;
    --ts-orange: #E48D1A;
    --ts-green: #2DA343;
    --ts-red: #E03A3E;

    /* ---------- type ---------- */
    --font-ui: 'Dax', 'Source Sans 3', 'Segoe UI', system-ui, sans-serif;
    --font-mono: ui-monospace, 'Cascadia Mono', 'JetBrains Mono', Consolas, monospace;

    /* ---------- radii ---------- */
    --r-sm: 8px;       /* small controls, feedback buttons   */
    --r-md: 11px;      /* inputs, buttons                    */
    --r-lg: 14px;      /* cards, dropdown menus              */
    --r-xl: 18px;      /* input panel, large cards           */
    --r-2xl: 22px;     /* hero cards, modals                 */
    --r-pill: 100px;   /* pills, chips, model picker         */

    /* ---------- layout ---------- */
    --sidebar-open-width: 288px;
    --sidebar-rail-width: 60px;
    --thread-max: 800px;
    --topbar-clearance: 64px;
}