/* ══════════════════════════════════════════════════════════════════════════
   Studio v3 — tokens (rollout phase 0, 28 Oct 2026).

   Owner: "nice clean fonts and icons like on x.com … fonts similar to how
   apple does it … simple but intuitive and feature rich if a user goes
   looking." Rounded corners, chosen over studio-flat's square rule.

   Every v3 colour, size, radius and font is a variable here; components.css
   and shell.css use only these. A v3 page loads this file first and nothing
   from the old studio (no studio-flat.css, no *-d2.css), so nothing here
   needs !important to win.
   ══════════════════════════════════════════════════════════════════════════ */

/* The site's own Inter, for screens without Apple's system font. */
@font-face { font-family: "ET Inter"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("/assets/fonts/inter/inter-4.1-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2190-2199, U+2212, U+2215, U+2248, U+2260, U+2264-2265, U+FEFF, U+FFFD; }
@font-face { font-family: "ET Inter"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("/assets/fonts/inter/inter-4.1-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "ET Inter"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("/assets/fonts/inter/inter-4.1-cyrillic.woff2") format("woff2"); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: "ET Inter"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("/assets/fonts/inter/inter-4.1-cyrillic-ext.woff2") format("woff2"); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: "ET Inter"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("/assets/fonts/inter/inter-4.1-greek.woff2") format("woff2"); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; }
@font-face { font-family: "ET Inter"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("/assets/fonts/inter/inter-4.1-vietnamese.woff2") format("woff2"); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: "ET Inter"; font-style: italic; font-weight: 100 900; font-display: swap; src: url("/assets/fonts/inter/inter-4.1-italic-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2190-2199, U+2212, U+2215, U+2248, U+2260, U+2264-2265, U+FEFF, U+FFFD; }

/* Source Serif 4 for the manuscript on Write (quiet.css), served from here
   since 1 Nov 2026 so the studio loads no fonts from Google (OFL.txt beside them). */
@font-face { font-family: "Source Serif 4"; font-style: italic; font-weight: 400 700; font-display: swap; src: url("/assets/fonts/source-serif-4/source-serif-4-italic-cyrillic-ext.woff2") format("woff2"); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: "Source Serif 4"; font-style: italic; font-weight: 400 700; font-display: swap; src: url("/assets/fonts/source-serif-4/source-serif-4-italic-cyrillic.woff2") format("woff2"); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: "Source Serif 4"; font-style: italic; font-weight: 400 700; font-display: swap; src: url("/assets/fonts/source-serif-4/source-serif-4-italic-greek.woff2") format("woff2"); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; }
@font-face { font-family: "Source Serif 4"; font-style: italic; font-weight: 400 700; font-display: swap; src: url("/assets/fonts/source-serif-4/source-serif-4-italic-vietnamese.woff2") format("woff2"); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: "Source Serif 4"; font-style: italic; font-weight: 400 700; font-display: swap; src: url("/assets/fonts/source-serif-4/source-serif-4-italic-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Source Serif 4"; font-style: italic; font-weight: 400 700; font-display: swap; src: url("/assets/fonts/source-serif-4/source-serif-4-italic-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Source Serif 4"; font-style: normal; font-weight: 400 700; font-display: swap; src: url("/assets/fonts/source-serif-4/source-serif-4-cyrillic-ext.woff2") format("woff2"); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: "Source Serif 4"; font-style: normal; font-weight: 400 700; font-display: swap; src: url("/assets/fonts/source-serif-4/source-serif-4-cyrillic.woff2") format("woff2"); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: "Source Serif 4"; font-style: normal; font-weight: 400 700; font-display: swap; src: url("/assets/fonts/source-serif-4/source-serif-4-greek.woff2") format("woff2"); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; }
@font-face { font-family: "Source Serif 4"; font-style: normal; font-weight: 400 700; font-display: swap; src: url("/assets/fonts/source-serif-4/source-serif-4-vietnamese.woff2") format("woff2"); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: "Source Serif 4"; font-style: normal; font-weight: 400 700; font-display: swap; src: url("/assets/fonts/source-serif-4/source-serif-4-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Source Serif 4"; font-style: normal; font-weight: 400 700; font-display: swap; src: url("/assets/fonts/source-serif-4/source-serif-4-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

:root {
    color-scheme: dark;

    /* Type: Apple's system font where there is one, the site's Inter elsewhere. */
    --v3-font-text: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro", "ET Inter", "Segoe UI Variable Text", "Segoe UI", system-ui, Roboto, "Helvetica Neue", Arial, sans-serif;
    --v3-font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro", "ET Inter", "Segoe UI Variable Display", "Segoe UI", system-ui, Roboto, "Helvetica Neue", Arial, sans-serif;
    --v3-font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;

    /* Apple's ladder, sized for a web app: one size per job, never in between. */
    --v3-fs-large: 34px;   --v3-lh-large: 1.2;   /* page title */
    --v3-fs-title1: 28px;  --v3-lh-title1: 1.2;  /* chapter title */
    --v3-fs-title2: 22px;  --v3-lh-title2: 1.25; /* card title */
    --v3-fs-title3: 20px;  --v3-lh-title3: 1.3;  /* section heading */
    --v3-fs-headline: 17px;                       /* Kestrel's name, row titles that lead */
    --v3-fs-callout: 17px; --v3-lh-callout: 1.45; /* lede under a title */
    --v3-fs-body: 15px;    --v3-lh-body: 1.5;
    --v3-fs-subhead: 14px;
    --v3-fs-footnote: 13px;
    --v3-fs-caption: 12px;
    --v3-tracking-large: -0.022em;
    --v3-tracking-title: -0.012em;

    /* Colour: X's "Lights out" greys, the studio's teal, Kestrel's violet. */
    --v3-bg: #000000;
    --v3-surface: #0B0B0C;        /* cards, the composer */
    --v3-surface-2: #16181C;      /* raised: search field, author's bubble, selected row */
    --v3-hover: #181818;          /* hover behind a quiet control */
    --v3-row-hover: #0F1012;      /* hover on a row inside a card */
    --v3-line: #2F3336;           /* the one hairline */
    --v3-text: #E7E9EA;
    --v3-strong: #FFFFFF;
    --v3-sec: #71767B;            /* 4.6:1 on black */
    --v3-accent: #2DD4BF;
    --v3-accent-hover: #5EEAD4;
    --v3-accent-ink: #04201C;
    --v3-accent-tint: rgba(45, 212, 191, 0.12);
    --v3-selected: #0A1F1D;       /* a chosen option */
    --v3-kestrel: #C4B5FD;
    --v3-kestrel-bg: #2E1F5E;
    --v3-author-rule: #A78BFA;    /* the author's side of the thread */
    --v3-warn: #F5B454;
    --v3-warn-bg: #2A2112;
    --v3-danger: #F4212E;
    --v3-focus: #2DD4BF;

    /* Shape: rounded, as Apple and X are. */
    --v3-r-card: 16px;
    --v3-r-menu: 14px;
    --v3-r-field: 14px;
    --v3-r-small: 8px;
    --v3-r-pill: 999px;

    /* Space: a 4px step. */
    --v3-s1: 4px; --v3-s2: 8px; --v3-s3: 12px; --v3-s4: 16px; --v3-s5: 20px;
    --v3-s6: 24px; --v3-s8: 32px; --v3-s10: 40px; --v3-s12: 48px;

    /* The frame. */
    --v3-nav-w: 72px;
    --v3-kestrel-w: 352px;        /* the same column as Write and the dashboard pages (22rem) */
    --v3-bar-h: 64px;
    --v3-page-max: 820px;
    --v3-tab-h: 56px;             /* phone tab bar */
    /* Every page fills the space beside Kestrel with this one gutter on each
       side, at every width (owner, 28 Oct 2026: "only have a small gutter
       between the left sidebar and the content. same for on the other side",
       then "the other dashboard pages … the same gutter width"). */
    --v3-step-gutter: 24px;

    --v3-shadow-menu: 0 0 0 1px var(--v3-line), 0 12px 32px rgba(0, 0, 0, 0.6);
    --v3-ease: cubic-bezier(0.2, 0, 0, 1);
}
@media (max-width: 767.98px) {
    :root { --v3-step-gutter: 16px; }
}