/* ────────────────────────────────────────────────────────────── LingoCell portal: components for the service pages Loaded after styles.css and nav.css on every page except the guides. Rules of this file - Every selector hangs on an lc-* class (tokens on :root are the one exception), so nothing here can restyle the existing pages. - Written for a 390 px screen first; wider layouts are added with min-width. - A solid colour is declared before every color-mix(), for browsers without it. - No url(): the page policy allows images from this origin only, and none are needed. ────────────────────────────────────────────────────────────── */ :root { /* State colours. Text colours are checked against the paper tones in tests-js/test_css.js. */ --danger-fg: #A63D2F; --danger-bg: #FBE2DC; --warn-fg: #7A4F00; --warn-bg: #FBF0D9; --ok-fg: #156F7A; --ok-bg: #DCEFEF; --muted-strong: #586675; /* small grey text: --muted is only 3.9:1 on paper */ --lc-teal: #1B7F8A; /* button fill: white on it is 4.7:1 (on --signal it is 4.0:1) */ --lc-edge: #7C858E; /* input borders: at least 3:1 against paper and paper-2 */ --lc-line: #C2C6C6; /* hairlines that sit on the tinted page background, where --rule disappears */ --lc-on-dark: #F2F2EE; --lc-on-dark-2: #C4CBD2; --lc-teal-on-dark: #7CC9CE; --lc-f-zh: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", "Source Han Sans SC", sans-serif; --lc-ring: 0 0 0 3px rgba(31, 139, 150, 0.3); --lc-ring-danger: 0 0 0 3px rgba(166, 61, 47, 0.18); --lc-shadow: 0 12px 36px rgba(25, 40, 55, 0.12); --lc-nav-h: 73px; /* app.js measures the real navbar and overwrites this */ } /* ── Legacy leaks, switched off for lc elements ─────────────── styles.css styles bare
and