/* Jeweller service pages: the shared look.
   Page 1's session is the only writer. Every page loads this and sets no colours or type of its own.
   Starting point: the system approved on 29 Sep 2026 (About v3, built on How it works v2).
   Decided 2026-11-08, after seeing three other first-screen looks beside this one:
   "this will be a part of rubikn so non this will follow rubikn desing language"
   So these are the Rubikn design language's own values, on all 10 pages. Nothing here changed. */
@font-face{font-family:"Geist";src:url("fonts/Geist-Variable.ttf") format("truetype");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Geist Mono";src:url("fonts/GeistMono-Variable.ttf") format("truetype");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Instrument Serif";src:url("fonts/InstrumentSerif-Italic.ttf") format("truetype");font-weight:400;font-style:italic;font-display:swap}

:root {
  --paper: #f8f8fa; --paper2: #ededf1; --edge: #d8d8e0; --rule: #c8c8d2;
  --ink: #0a0f1f; --ink2: #3a3f52; --ink3: #6b7085;
  --acc: #3b63d4; --acc2: #2a4aaf; --acc3: #7497ff;
  --lime: #b8f25e; --amber: #d4893b; --amberink: #7d4410;
  --hl: #e9eefb;
  --navy: #060a15; --navy2: #0c1223; --navy3: #131b31;
  --spring: cubic-bezier(.34, 1.56, .64, 1);
  --spring2: cubic-bezier(.2, 1.4, .4, 1);
  --out: cubic-bezier(.23, 1, .32, 1);
  --drawer: cubic-bezier(.32, .72, 0, 1);
  --inout: cubic-bezier(.77, 0, .175, 1);
  --sans: "Geist", -apple-system, "Segoe UI", system-ui, sans-serif;
  --mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --serif: "Instrument Serif", "Times New Roman", Georgia, serif;
  --wrap: min(1320px, calc(100% - 96px));
  --pad: clamp(104px, 11vw, 176px);
  --bg: var(--paper); --fg: var(--ink); --fg2: var(--ink2); --fg3: var(--ink3);
  --line: rgba(10, 15, 31, .1); --line2: rgba(10, 15, 31, .18); --card: #fff; --card2: #f2f3f7;
  --ax: var(--acc); --glass: rgba(248, 248, 250, .74);
}

/* Dark chapters: the same values the September pages set in their own CSS, in one place now. */
.rk-dark {
  --bg: var(--navy); --fg: #eef0f6; --fg2: #b3b9c9; --fg3: #858da3;
  --line: rgba(255, 255, 255, .09); --line2: rgba(255, 255, 255, .16); --card: #0e1528; --card2: #121a31;
  --ax: var(--acc3); --glass: rgba(10, 15, 31, .62);
}