/* Lemko design tokens (mockup 4, operator-approved). Owned by lane 1 (tree). Other modules import this file and use these variables; they do not define their own colours. Light is the default; dark follows the OS unless overrides it. */ @import url("../../fonts/fonts.css"); :root{ color-scheme: light; --font-body:"Alegreya Sans", system-ui, sans-serif; --font-name:"Alegreya", Georgia, serif; --font-caps:"Alegreya SC", "Alegreya", Georgia, serif; --linen:#ECE7DC; --linen-2:#E2DBCC; --weave:rgba(90,70,50,.055); --tag:#FBF9F3; --tag-2:#F3EEE3; --tag-edge:#C9BEA9; --ink:#211C17; --ink-soft:#554B41; --ink-faint:#7A6F63; --board-a:#6C645A; --board-b:#5E574E; --board-c:#756C61; --seam:#37322C; --board-ink:#F6F1E6; --board-ink-soft:#DCD3C3; --sh-a:#8B8173; --sh-b:#766C5F; --sh-edge:#4D463E; --wood:#6B5A48; --wood-soft:#A8977F; --red:#A21D2B; --red-ink:#FFFFFF; --thread-black:#1E1A17; --relpath:#1F6FB2; /* the "how are we related" path (2026-09-26) */ --line:#8E806D; /* the focus ring; linen (cards, ribbon, search list) stays light and wood (the panel header) stays dark in both themes, so rings drawn on them take their own colour: >= 3:1 on every surface */ --focus:#1D5FA8; --focus-linen:#1D5FA8; --focus-wood:#B5D3F7; --warn-bg:#F7E3BF; --warn-ink:#6A3F05; --res-bg:#F4D2D2; --res-ink:#7A1620; --hinge:#3F3A35; --shadow:0 1px 0 rgba(255,255,255,.6) inset, 0 6px 14px rgba(40,30,20,.16), 0 1px 3px rgba(40,30,20,.18); --scrim:rgba(24,19,14,.5); /* palette for the chosen person's children (e.g. Ivan's 9) and their descendants; --bn = everyone else */ --b0:#B3242F; --b1:#2C4A8A; --b2:#A77612; --b3:#48742F; --b4:#7B2D5F; --b5:#B3531A; --b6:#1D706C; --b7:#6B4A2C; --b8:#5B4A9C; --bn:#8A7C6A; /* Carpathian pass (mockups/7-finalists: C2 rushnyk cards, L2 linen ribbon, S1 search, tool column). Cards and the ribbon are linen in both themes: in dark mode the dimmed linen of the E1 band (#B7AD99), never dark brown; every text colour on it is >= 7:1. */ --towel:#F8F4EB; --towel-ink:#1F1A15; --towel-ink2:#4A4037; --towel-av:#E6DECF; --fringe:#B8AA90; --towel-weave:rgba(90,70,50,.07); --towel-seam:rgba(120,40,40,.42); --c-ln:#9A2531; --ring-bg:#F7F2E8; --ring-ink:#8E1C27; --ribbon:#F2ECE0; --ribbon-ink:#211A14; --ribbon-ink2:#54473B; --ribbon-stitch:#A8202C; --ribbon-edge:rgba(60,40,20,.2); --s-bg:#FFFCF6; --s-ink:#211A14; --s-ink2:#54473B; --s-bd:#9A2531; --s-hi:#F3E3DA; --s-mark:#F6D78A; --s-list:#FFFCF6; --tool-bg:#F8F4EB; --tool-ink:#211A14; --tool-bd:#9A2531; } @media (prefers-color-scheme: dark){ :root:not([data-theme="light"]){ color-scheme: dark; --linen:#16130F; --linen-2:#1D1914; --weave:rgba(255,240,220,.03); --tag:#25201A; --tag-2:#2D2720; --tag-edge:#4A4035; --ink:#F1EADD; --ink-soft:#CFC4B3; --ink-faint:#A1968A; --board-a:#2E2A25; --board-b:#27231F; --board-c:#34302A; --seam:#12100D; --board-ink:#F1EADD; --board-ink-soft:#C9BFAF; --sh-a:#5A5248; --sh-b:#4A433B; --sh-edge:#1E1B17; --wood:#A89378; --wood-soft:#6B5D4D; --red:#E3646F; --red-ink:#1A0E0F; --thread-black:#E9E1D2; --relpath:#7DB8F0; --line:#8C7E6C; --focus:#86B7F0; --focus-linen:#0E3E7C; --focus-wood:#86B7F0; --warn-bg:#46330F; --warn-ink:#F4CF8A; --res-bg:#4A1E22; --res-ink:#F6A9AE; --hinge:#D8CDBB; --shadow:0 8px 18px rgba(0,0,0,.5), 0 1px 3px rgba(0,0,0,.5); --scrim:rgba(0,0,0,.62); --b0:#E8737C; --b1:#8DA6E6; --b2:#E3B654; --b3:#8CC474; --b4:#D58BBB; --b5:#EE9A62; --b6:#6CC8C2; --b7:#C9A47E; --b8:#AF9FEA; --bn:#A3968A; --towel:#B7AD99; --towel-ink:#17130F; --towel-ink2:#28211A; --towel-av:#A89E8A; --fringe:#9C927E; --towel-weave:rgba(40,30,20,.08); --towel-seam:rgba(110,28,34,.5); --c-ln:#D56A73; --ring-bg:#B7AD99; --ring-ink:#6E141D; --ribbon:#B7AD99; --ribbon-ink:#17130F; --ribbon-ink2:#28211A; --ribbon-stitch:#8E1C27; --ribbon-edge:rgba(0,0,0,.6); --s-bg:#C8BFAC; --s-ink:#17130F; --s-ink2:#2E261E; --s-bd:#8E1C27; --s-hi:#A99F8A; --s-mark:#E0B85A; --s-list:#BDB39F; --tool-bg:#26211B; --tool-ink:#F1EADD; --tool-bd:#D56A73; } } :root[data-theme="dark"]{ color-scheme: dark; --linen:#16130F; --linen-2:#1D1914; --weave:rgba(255,240,220,.03); --tag:#25201A; --tag-2:#2D2720; --tag-edge:#4A4035; --ink:#F1EADD; --ink-soft:#CFC4B3; --ink-faint:#A1968A; --board-a:#2E2A25; --board-b:#27231F; --board-c:#34302A; --seam:#12100D; --board-ink:#F1EADD; --board-ink-soft:#C9BFAF; --sh-a:#5A5248; --sh-b:#4A433B; --sh-edge:#1E1B17; --wood:#A89378; --wood-soft:#6B5D4D; --red:#E3646F; --red-ink:#1A0E0F; --thread-black:#E9E1D2; --relpath:#7DB8F0; --line:#8C7E6C; --focus:#86B7F0; --focus-linen:#0E3E7C; --focus-wood:#86B7F0; --warn-bg:#46330F; --warn-ink:#F4CF8A; --res-bg:#4A1E22; --res-ink:#F6A9AE; --hinge:#D8CDBB; --shadow:0 8px 18px rgba(0,0,0,.5), 0 1px 3px rgba(0,0,0,.5); --scrim:rgba(0,0,0,.62); --b0:#E8737C; --b1:#8DA6E6; --b2:#E3B654; --b3:#8CC474; --b4:#D58BBB; --b5:#EE9A62; --b6:#6CC8C2; --b7:#C9A47E; --b8:#AF9FEA; --bn:#A3968A; --towel:#B7AD99; --towel-ink:#17130F; --towel-ink2:#28211A; --towel-av:#A89E8A; --fringe:#9C927E; --towel-weave:rgba(40,30,20,.08); --towel-seam:rgba(110,28,34,.5); --c-ln:#D56A73; --ring-bg:#B7AD99; --ring-ink:#6E141D; --ribbon:#B7AD99; --ribbon-ink:#17130F; --ribbon-ink2:#28211A; --ribbon-stitch:#8E1C27; --ribbon-edge:rgba(0,0,0,.6); --s-bg:#C8BFAC; --s-ink:#17130F; --s-ink2:#2E261E; --s-bd:#8E1C27; --s-hi:#A99F8A; --s-mark:#E0B85A; --s-list:#BDB39F; --tool-bg:#26211B; --tool-ink:#F1EADD; --tool-bd:#D56A73; } body{background:var(--linen); color:var(--ink); font-family:var(--font-body); font-size:17px; line-height:1.4; -webkit-font-smoothing:antialiased;} button,input,select,textarea{font:inherit; color:inherit;} :focus-visible{outline:3px solid var(--focus) !important; outline-offset:2px !important;} .sr{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap;}