/* NewsCast Feeder – Design tokenek (szerkesztőségi / newsroom téma) * Light paletta a :root-on, dark paletta egyszer a html.dark-mode-on. * A téma-váltást a -beli inline script + app.js kezeli (class-only). */ :root { color-scheme: light; /* Felületek – papír / meleg szürke */ --bg: #faf9f7; --surface: #ffffff; --surface-sunken: #f2f0ec; --surface-raised: #ffffff; /* Szöveg */ --ink: #1a1a18; --text-secondary: #4c4a45; --text-muted: #6b675f; /* Vonalak – hairline rendszer árnyékok helyett */ --rule: #dcd8d0; --rule-strong: #1a1a18; /* Akcentus és szemantikus színek */ --accent: #04395d; --accent-hover: #0a4d7a; --accent-ink: #ffffff; --link: #0a5aa0; --success: #1e6b38; --warning: #8a5a00; --danger: #a3231c; --info: #1d5f8a; --success-bg: #e6efe7; --warning-bg: #f6ecd6; --danger-bg: #f7e4e2; --info-bg: #e2ecf3; --selection-bg: #eef3f7; /* Márka */ --brand-color: #04395D; --brand-color-light: #1a7fba; /* Fókusz */ --focus-ring-color: #0a5aa0; --focus-ring: 2px solid var(--focus-ring-color); /* Tipográfia – IBM Plex */ --font-sans: 'IBM Plex Sans', system-ui, -apple-system, 'Segoe UI', sans-serif; --font-mono: 'IBM Plex Mono', ui-monospace, 'Menlo', monospace; /* Típusskála (15px-es alapon) */ --fs-xs: 0.733rem; /* 11px */ --fs-sm: 0.867rem; /* 13px */ --fs-base: 1rem; /* 15px */ --fs-md: 1.133rem; /* 17px */ --fs-lg: 1.333rem; /* 20px */ --fs-xl: 1.6rem; /* 24px */ --fs-2xl: 2.133rem; /* 32px */ /* Forma és mélység – éles sarkok, egyetlen overlay-árnyék */ --radius-0: 0; --radius-1: 2px; --shadow-overlay: 0 4px 16px rgb(0 0 0 / 0.12); /* Térköz-skála */ --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-5: 24px; --sp-6: 32px; --sp-7: 48px; --sp-8: 64px; /* Hue-családok – tag-jelvények, kategória-badge-ek, blokk-típusok */ --hue-green-bg: #e4efe4; --hue-green-fg: #1e5b31; --hue-teal-bg: #ddeeed; --hue-teal-fg: #0f5c58; --hue-red-bg: #f6e2e0; --hue-red-fg: #96261e; --hue-pink-bg: #f6e2ea; --hue-pink-fg: #932452; --hue-orange-bg: #f6e8da; --hue-orange-fg: #8a4310; --hue-amber-bg: #f4ecd2; --hue-amber-fg: #7a5a10; --hue-olive-bg: #eeeecf; --hue-olive-fg: #5c5a14; --hue-cyan-bg: #ddedf4; --hue-cyan-fg: #0d5a78; --hue-blue-bg: #e1e9f4; --hue-blue-fg: #1d4d80; --hue-slate-bg: #e4e8ee; --hue-slate-fg: #3d4e63; --hue-plum-bg: #efe4f0; --hue-plum-fg: #6d2f72; --hue-gray-bg: #eae8e3; --hue-gray-fg: #4c4a45; } /* Sötét mód – newsroom éjszakai paletta; kizárólag class-alapú, * a rendszer-preferenciát a -beli inline script képezi le. */ html.dark-mode { color-scheme: dark; --bg: #121210; --surface: #1c1c1a; --surface-sunken: #181816; --surface-raised: #242422; --ink: #eceae4; --text-secondary: #b3afa6; --text-muted: #8f8b82; --rule: #33322e; --rule-strong: #eceae4; --accent: #5aa3d8; --accent-hover: #7db8e4; --accent-ink: #121210; --link: #7db8e4; --success: #7cc48f; --warning: #d9b25f; --danger: #e08a84; --info: #82b8d8; --success-bg: #20301f; --warning-bg: #322c1a; --danger-bg: #362321; --info-bg: #1c2b33; --selection-bg: #20272e; --focus-ring-color: #7db8e4; --shadow-overlay: 0 4px 16px rgb(0 0 0 / 0.55); --hue-green-bg: #20301f; --hue-green-fg: #93c99b; --hue-teal-bg: #1c2e2d; --hue-teal-fg: #7fc4c0; --hue-red-bg: #362321; --hue-red-fg: #dfa19a; --hue-pink-bg: #34222a; --hue-pink-fg: #dc9cb8; --hue-orange-bg: #34281e; --hue-orange-fg: #dba873; --hue-amber-bg: #322c1a; --hue-amber-fg: #cfb46a; --hue-olive-bg: #2c2c1c; --hue-olive-fg: #b9b878; --hue-cyan-bg: #1b2b32; --hue-cyan-fg: #7cbcd6; --hue-blue-bg: #1e2735; --hue-blue-fg: #90b4e0; --hue-slate-bg: #252a31; --hue-slate-fg: #a2b1c4; --hue-plum-bg: #2e2230; --hue-plum-fg: #c99ace; --hue-gray-bg: #2a2a27; --hue-gray-fg: #aeaaa1; }