/* AITUGAN Books: the one set of tokens of every page (BK-139) — the cabinet, the layout, the admin, the login and the guest
   page link this file first; the QR page repeats the values it uses in its own style (tests/ui-tokens.test.mjs checks).
   Colours are named by their role. Text colours pass 4.5:1 on white, on --bg and on --surface-tint (UI audit, UI-05/06/11):
   --ink 16.8:1 on white, --text-2 8.1, --muted 5.5, --accent-text 6.4, --danger 6.8, --warning 6.8, --success 6.5;
   --border-strong 3.4:1 for fields. Stylesheets use only these names: no colour, font size or radius of their own. */
@font-face{font-family:"Noto Sans UI";src:url(/fonts/noto-sans-ui.woff) format("woff");font-weight:400 700;font-style:normal;font-display:swap}
:root{
 color-scheme:only light;accent-color:#0d1f2d;
 /* Text */
 --ink:#0d1f2d;--text-2:#40525c;--muted:#5b6b73;--on-accent:#ffffff;--on-dark-muted:#cfd8d6;
 --accent:#0a6b62;--accent-text:#0a6b62;--accent-strong:#075e56;--accent-bright:#13b8a6;
 --danger:#9a3d25;--warning:#8a4b00;--success:#1d6b45;--info:#2b4456;
 /* Surfaces */
 --surface:#ffffff;--bg:#f2f6f5;--surface-sunken:#f6f9f9;--surface-tint:#e9f2f0;--hover:#e6efee;--stage:#e1ebe9;
 --accent-soft:#e3f4f1;--danger-soft:#f7e3dc;--warning-soft:#fdf5ec;--success-soft:#e3f3ea;--info-soft:#e8eefc;--highlight:#fff1c7;
 --dark:#222e35;--dark-strong:#151b1a;--decor:#a5c1bc;
 /* Lines */
 --line:#cbdad8;--line-soft:#dde6e4;--border-strong:#7d8f8b;--accent-line:#a9dcd3;--danger-line:#d9a796;--warning-line:#e0c48f;
 --focus:#0a6b62;--guide:#ffd27a;--selection:#13b8a6;
 /* Transparent: shadows, scrims, tints of a selection */
 --shadow-1:rgba(13,31,45,.05);--shadow-2:rgba(13,31,45,.1);--shadow-3:rgba(13,31,45,.2);
 --scrim:rgba(13,31,45,.45);--scrim-dark:rgba(0,0,0,.55);--scrim-strong:rgba(13,31,45,.82);--veil:rgba(255,255,255,.9);
 --accent-tint:rgba(47,125,109,.08);--accent-tint-2:rgba(47,125,109,.16);--accent-veil:rgba(47,125,109,.75);
 /* Type: Noto Sans for the interface (the full font with its kerning and hinting, cut to Latin, Cyrillic and
    the Kazakh letters, weights 400–700 in one variable file, /fonts/noto-sans-ui.woff, OFL), the system sans while it loads and on the QR
    page (its CSP loads no fonts), a serif for the texts of the book. */
 --sans-system:"Helvetica Neue",Helvetica,Arial,sans-serif;
 --sans:"Noto Sans UI","Helvetica Neue",Helvetica,Arial,sans-serif;--serif:Georgia,"Times New Roman",serif;
 /* The scale (UI-19): working labels — buttons, tabs, menu items — are 15 at least; on a phone text and fields are 16 */
 --fs-1:12px;--fs-2:13px;--fs-3:15px;--fs-4:17px;--fs-5:20px;--fs-6:26px;--fs-7:34px;--fs-phone:16px;--fs-glyph:96px;
 /* Four radii, and a pill */
 --r-1:4px;--r-2:8px;--r-3:12px;--r-4:16px;--r-round:999px;
 /* Names of the first stylesheets, kept for the rules that use them */
 --paper:var(--bg);--green:var(--ink);--green-soft:var(--accent-soft);--warm:var(--accent-text);--radius:var(--r-3);
 /* The small pictures of the cabinet («Как хотите начать?», BK-298): a landscape, a face, a table, a chart. */
 --art-sky:#f6e8d0;--art-sun:#e8925a;--art-hill:#5f9a72;--art-hill-2:#9cc5a3;--art-sand:#ead2b2;--art-skin:#c8875c;--art-brown:#7d4f35;--art-wood:#a8784f;--art-cream:#fbf6ee;--art-pink:#f2dcd8;--art-blue:#4d6d8e;--art-blue-soft:#cfdbe8;
 /* «Фото в рамках» (BK-380): the frames of the pilot — black, white, oak — their white mat and the wall of the preview. */
 --frame-black:#1c1f21;--frame-white:#f6f4ef;--frame-oak:#b5865a;--frame-oak-dark:#8f6440;--frame-mat:#ffffff;--wall:#ebe5db;--wall-line:#d5cbbd;
}
/* On a phone (BK-320): four sizes of text at most on a screen — the smallest is 13, as the hints and the captions; 15 for
   labels, 16 for text and fields, 20 for a heading. The computer keeps the whole scale, and so does the layout of the book
   (its bar of tabs needs the small captions; it has four sizes as it is). */
@media (max-width:620px){:root:not(:has(.book-stage)){--fs-1:13px}}
/* The layout on a phone (BK-319, редакция 2; BK-389): the scale 14/16/20/24 — 14 for the secondary words (hints,
   captions, the state of saving), 16 for labels, text and fields, 20 for headings, 24 the largest; nothing under 14. */
@media (max-width:900px){:root:has(.spreads-body){--fs-1:14px;--fs-2:14px;--fs-3:16px;--fs-4:20px;--fs-5:20px;--fs-6:24px;--fs-7:24px}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans)}
button,input,textarea,select{font:inherit}
::placeholder{color:var(--muted);opacity:1}
/* One focus ring on every page (UI-10): 5.9:1 on paper */
:is(a,button,input,select,textarea,summary,audio,video,[tabindex]:not([tabindex="-1"])):focus-visible{outline:3px solid var(--focus);outline-offset:2px}