/* ============================================================ Márti & Keve – 30 színpaletta Minden paletta ugyanazokat a CSS-változókat definiálja, így bármelyik layout bármelyik palettával működik. Aktiválás: (alapértelmezés: 1) ============================================================ */ :root { /* 1 · Púder & Arany (alapértelmezett) */ --c-primary: #c05f73; --c-primary-rgb: 192, 95, 115; --c-secondary: #b08d4f; --c-secondary-rgb: 176, 141, 79; --c-accent: #e8b4bc; --c-bg: #fdf8f6; --c-surface: #ffffff; --c-surface-alt: #f8ecee; --c-ink: #3d2b30; --c-text: #5c4a4f; --c-muted: #9b8388; --c-line: #ecdcdf; --c-grad-a: #f7dade; --c-grad-b: #eec3a8; --c-on-primary: #ffffff; --grad: linear-gradient(135deg, var(--c-grad-a), var(--c-grad-b)); --grad-primary: linear-gradient(135deg, var(--c-primary), var(--c-secondary)); } [data-palette="2"] { /* Zsálya & Terrakotta */ --c-primary: #7d9471; --c-primary-rgb: 125, 148, 113; --c-secondary: #c1704f; --c-secondary-rgb: 193, 112, 79; --c-accent: #d9c8a9; --c-bg: #f8faf6; --c-surface: #ffffff; --c-surface-alt: #eef3e9; --c-ink: #2f3a2c; --c-text: #4d584a; --c-muted: #8d9a89; --c-line: #dfe7d9; --c-grad-a: #dbe7d2; --c-grad-b: #f2cdb9; } [data-palette="3"] { /* Hamvas kék & Barack */ --c-primary: #6d8fb5; --c-primary-rgb: 109, 143, 181; --c-secondary: #e8a87c; --c-secondary-rgb: 232, 168, 124; --c-accent: #b9cde4; --c-bg: #f6f9fc; --c-surface: #ffffff; --c-surface-alt: #eaf1f8; --c-ink: #29384a; --c-text: #47576b; --c-muted: #8797ab; --c-line: #dbe5f0; --c-grad-a: #d4e2f2; --c-grad-b: #fbdcc4; } [data-palette="4"] { /* Levendula & Méz */ --c-primary: #9179b8; --c-primary-rgb: 145, 121, 184; --c-secondary: #d9a441; --c-secondary-rgb: 217, 164, 65; --c-accent: #cdbfe4; --c-bg: #faf8fd; --c-surface: #ffffff; --c-surface-alt: #f1ecf9; --c-ink: #372f47; --c-text: #554c68; --c-muted: #94899f; --c-line: #e5def0; --c-grad-a: #e4dcf5; --c-grad-b: #f7e3b9; } [data-palette="5"] { /* Eukaliptusz & Elefántcsont */ --c-primary: #5f8575; --c-primary-rgb: 95, 133, 117; --c-secondary: #cbb287; --c-secondary-rgb: 203, 178, 135; --c-accent: #a9c6b8; --c-bg: #f7faf8; --c-surface: #ffffff; --c-surface-alt: #eaf2ee; --c-ink: #263832; --c-text: #44564f; --c-muted: #85978f; --c-line: #dbe6e0; --c-grad-a: #d7e8df; --c-grad-b: #f3ecd9; } [data-palette="6"] { /* Bordó & Púder */ --c-primary: #8d3548; --c-primary-rgb: 141, 53, 72; --c-secondary: #e5aeb6; --c-secondary-rgb: 229, 174, 182; --c-accent: #d98a97; --c-bg: #fdf7f8; --c-surface: #ffffff; --c-surface-alt: #f7e8ea; --c-ink: #3c2229; --c-text: #5c4048; --c-muted: #9c8288; --c-line: #eedadd; --c-grad-a: #f6dee2; --c-grad-b: #d98a97; } [data-palette="7"] { /* Tengerészkék & Pezsgő */ --c-primary: #2f4a6e; --c-primary-rgb: 47, 74, 110; --c-secondary: #d3b98a; --c-secondary-rgb: 211, 185, 138; --c-accent: #8ba3c2; --c-bg: #f7f9fb; --c-surface: #ffffff; --c-surface-alt: #ebf0f5; --c-ink: #1f2c40; --c-text: #3e4c61; --c-muted: #8290a3; --c-line: #dce3ec; --c-grad-a: #d9e4f0; --c-grad-b: #f0e4c8; } [data-palette="8"] { /* Korall & Tengerhab */ --c-primary: #e57a68; --c-primary-rgb: 229, 122, 104; --c-secondary: #79c2b4; --c-secondary-rgb: 121, 194, 180; --c-accent: #f3b3a8; --c-bg: #fdf8f5; --c-surface: #ffffff; --c-surface-alt: #fbeae5; --c-ink: #43302b; --c-text: #614d47; --c-muted: #a08d86; --c-line: #f0ddd6; --c-grad-a: #fbd9cd; --c-grad-b: #c9ece4; } [data-palette="9"] { /* Mályva & Oliva */ --c-primary: #a4718e; --c-primary-rgb: 164, 113, 142; --c-secondary: #8a8f5c; --c-secondary-rgb: 138, 143, 92; --c-accent: #d2b3c5; --c-bg: #fbf8fa; --c-surface: #ffffff; --c-surface-alt: #f3eaf0; --c-ink: #3a2c35; --c-text: #584a53; --c-muted: #998a93; --c-line: #e9dde4; --c-grad-a: #ecd8e4; --c-grad-b: #e2e4c8; } [data-palette="10"] { /* Barackos naplemente */ --c-primary: #e3906a; --c-primary-rgb: 227, 144, 106; --c-secondary: #a389c2; --c-secondary-rgb: 163, 137, 194; --c-accent: #f2bfa4; --c-bg: #fdf9f5; --c-surface: #ffffff; --c-surface-alt: #faeee4; --c-ink: #46332a; --c-text: #645047; --c-muted: #a38f85; --c-line: #f0e0d4; --c-grad-a: #fbdcc4; --c-grad-b: #e4d4f2; } [data-palette="11"] { /* Óceán & Homok */ --c-primary: #3e8ca3; --c-primary-rgb: 62, 140, 163; --c-secondary: #d9bf94; --c-secondary-rgb: 217, 191, 148; --c-accent: #8fc3d2; --c-bg: #f6fafb; --c-surface: #ffffff; --c-surface-alt: #e9f2f5; --c-ink: #24404a; --c-text: #435d67; --c-muted: #839aa2; --c-line: #d9e7eb; --c-grad-a: #cfe8ee; --c-grad-b: #f2e6cb; } [data-palette="12"] { /* Rózsafa & Gyöngyház */ --c-primary: #9e5560; --c-primary-rgb: 158, 85, 96; --c-secondary: #b9c0c9; --c-secondary-rgb: 185, 192, 201; --c-accent: #cf94a0; --c-bg: #fbf8f8; --c-surface: #ffffff; --c-surface-alt: #f4eaeb; --c-ink: #392529; --c-text: #574347; --c-muted: #988589; --c-line: #eadcde; --c-grad-a: #f0dadd; --c-grad-b: #e6ebf0; } [data-palette="13"] { /* Friss rét */ --c-primary: #6ba368; --c-primary-rgb: 107, 163, 104; --c-secondary: #e9c46a; --c-secondary-rgb: 233, 196, 106; --c-accent: #a5cda3; --c-bg: #f7fbf5; --c-surface: #ffffff; --c-surface-alt: #eaf4e7; --c-ink: #2c3c2a; --c-text: #4a5a48; --c-muted: #8a9c88; --c-line: #dce9d9; --c-grad-a: #d8eed2; --c-grad-b: #faeec2; } [data-palette="14"] { /* Ametiszt & Arany */ --c-primary: #7d5ba6; --c-primary-rgb: 125, 91, 166; --c-secondary: #c9a227; --c-secondary-rgb: 201, 162, 39; --c-accent: #b39ad0; --c-bg: #faf8fc; --c-surface: #ffffff; --c-surface-alt: #f0eaf7; --c-ink: #342a44; --c-text: #524865; --c-muted: #91879e; --c-line: #e4dcef; --c-grad-a: #e2d7f2; --c-grad-b: #f4e6b8; } [data-palette="15"] { /* Pünkösdirózsa & Menta */ --c-primary: #d4718e; --c-primary-rgb: 212, 113, 142; --c-secondary: #74b8a2; --c-secondary-rgb: 116, 184, 162; --c-accent: #eba7bc; --c-bg: #fdf7f9; --c-surface: #ffffff; --c-surface-alt: #f9e8ee; --c-ink: #432a33; --c-text: #614851; --c-muted: #a08790; --c-line: #f0dae1; --c-grad-a: #f8d5e0; --c-grad-b: #cdeadf; } [data-palette="16"] { /* Pala & Rozéarany */ --c-primary: #5c6b7a; --c-primary-rgb: 92, 107, 122; --c-secondary: #c98f79; --c-secondary-rgb: 201, 143, 121; --c-accent: #99a6b3; --c-bg: #f8f9fa; --c-surface: #ffffff; --c-surface-alt: #edf0f2; --c-ink: #2a333c; --c-text: #48525c; --c-muted: #8b959e; --c-line: #dfe4e8; --c-grad-a: #dbe2e8; --c-grad-b: #f0d5c9; } [data-palette="17"] { /* Citrus & Égkék */ --c-primary: #d9a62e; --c-primary-rgb: 217, 166, 46; --c-secondary: #6aaed9; --c-secondary-rgb: 106, 174, 217; --c-accent: #ecc96e; --c-bg: #fdfbf4; --c-surface: #ffffff; --c-surface-alt: #f8f2e0; --c-ink: #3d3421; --c-text: #5c523d; --c-muted: #9c917a; --c-line: #ede5cd; --c-grad-a: #f8e8b8; --c-grad-b: #cfe6f6; } [data-palette="18"] { /* Kakaó & Krém */ --c-primary: #7a5647; --c-primary-rgb: 122, 86, 71; --c-secondary: #d9c1a3; --c-secondary-rgb: 217, 193, 163; --c-accent: #a98872; --c-bg: #faf7f4; --c-surface: #ffffff; --c-surface-alt: #f2ebe3; --c-ink: #38271f; --c-text: #56453d; --c-muted: #97887f; --c-line: #e8ddd2; --c-grad-a: #e8d9cd; --c-grad-b: #f5ead9; } [data-palette="19"] { /* Smaragd & Réz */ --c-primary: #2e7d64; --c-primary-rgb: 46, 125, 100; --c-secondary: #b56f4b; --c-secondary-rgb: 181, 111, 75; --c-accent: #6faf9a; --c-bg: #f5faf8; --c-surface: #ffffff; --c-surface-alt: #e7f2ee; --c-ink: #1f3a31; --c-text: #3d584f; --c-muted: #7f978f; --c-line: #d6e6e0; --c-grad-a: #cdeade; --c-grad-b: #efd4c2; } [data-palette="20"] { /* Orgona & Ezüstkék */ --c-primary: #7b8fc7; --c-primary-rgb: 123, 143, 199; --c-secondary: #c4a6d6; --c-secondary-rgb: 196, 166, 214; --c-accent: #a7b5dd; --c-bg: #f8f9fd; --c-surface: #ffffff; --c-surface-alt: #edf0f9; --c-ink: #2e3450; --c-text: #4c5370; --c-muted: #8d93ab; --c-line: #dfe3f1; --c-grad-a: #dde3f6; --c-grad-b: #ecdcf5; } [data-palette="21"] { /* Pisztácia & Málna */ --c-primary: #83a86f; --c-primary-rgb: 131, 168, 111; --c-secondary: #c2527a; --c-secondary-rgb: 194, 82, 122; --c-accent: #b5d1a4; --c-bg: #f8fbf6; --c-surface: #ffffff; --c-surface-alt: #ecf3e7; --c-ink: #2e3a29; --c-text: #4c5947; --c-muted: #8b9a85; --c-line: #dde8d6; --c-grad-a: #dcedd0; --c-grad-b: #f4cfdd; } [data-palette="22"] { /* Vaj & Búzavirág */ --c-primary: #c9a83c; --c-primary-rgb: 201, 168, 60; --c-secondary: #6f86c9; --c-secondary-rgb: 111, 134, 201; --c-accent: #e6d284; --c-bg: #fdfbf2; --c-surface: #ffffff; --c-surface-alt: #f7f1da; --c-ink: #3b3418; --c-text: #5a5335; --c-muted: #9a9377; --c-line: #ebe3c4; --c-grad-a: #f5e9b8; --c-grad-b: #d9e0f5; } [data-palette="23"] { /* Szilva & Homok */ --c-primary: #8a5a83; --c-primary-rgb: 138, 90, 131; --c-secondary: #c3a273; --c-secondary-rgb: 195, 162, 115; --c-accent: #b58aae; --c-bg: #fbf9fb; --c-surface: #ffffff; --c-surface-alt: #f3edf2; --c-ink: #392c37; --c-text: #574a55; --c-muted: #978a95; --c-line: #e8dfe6; --c-grad-a: #ecdce9; --c-grad-b: #f0e3cd; } [data-palette="24"] { /* Eper & Jégkék */ --c-primary: #d96b74; --c-primary-rgb: 217, 107, 116; --c-secondary: #7fb5cc; --c-secondary-rgb: 127, 181, 204; --c-accent: #ec9ba1; --c-bg: #fdf8f8; --c-surface: #ffffff; --c-surface-alt: #f9ebec; --c-ink: #402a2c; --c-text: #5f4749; --c-muted: #a08a8c; --c-line: #f0dcdd; --c-grad-a: #f8d9db; --c-grad-b: #d7ecf5; } [data-palette="25"] { /* Olíva & Citrom */ --c-primary: #7f8a4f; --c-primary-rgb: 127, 138, 79; --c-secondary: #ddc94f; --c-secondary-rgb: 221, 201, 79; --c-accent: #a8b378; --c-bg: #fafbf3; --c-surface: #ffffff; --c-surface-alt: #f0f2df; --c-ink: #33361f; --c-text: #52553b; --c-muted: #93967c; --c-line: #e4e7cd; --c-grad-a: #e7ebc8; --c-grad-b: #f8f0bc; } [data-palette="26"] { /* Türkiz & Mandarin */ --c-primary: #3aa8a0; --c-primary-rgb: 58, 168, 160; --c-secondary: #e78952; --c-secondary-rgb: 231, 137, 82; --c-accent: #7cc7c1; --c-bg: #f4fafa; --c-surface: #ffffff; --c-surface-alt: #e5f2f1; --c-ink: #1f3d3a; --c-text: #3d5b58; --c-muted: #7d9997; --c-line: #d3e6e4; --c-grad-a: #c9ebe8; --c-grad-b: #f9d9c3; } [data-palette="27"] { /* Levendulaköd & Zsálya */ --c-primary: #9787c4; --c-primary-rgb: 151, 135, 196; --c-secondary: #8caa8d; --c-secondary-rgb: 140, 170, 141; --c-accent: #beb3dd; --c-bg: #faf9fd; --c-surface: #ffffff; --c-surface-alt: #f0eef8; --c-ink: #34304a; --c-text: #524d68; --c-muted: #918da3; --c-line: #e4e1f0; --c-grad-a: #e6e1f6; --c-grad-b: #dcebdc; } [data-palette="28"] { /* Bazsalikom & Vanília */ --c-primary: #4e7a5a; --c-primary-rgb: 78, 122, 90; --c-secondary: #d9c68e; --c-secondary-rgb: 217, 198, 142; --c-accent: #7fa88c; --c-bg: #f6faf7; --c-surface: #ffffff; --c-surface-alt: #e9f1eb; --c-ink: #24382b; --c-text: #435948; --c-muted: #839288; --c-line: #d9e5dc; --c-grad-a: #d3e6d8; --c-grad-b: #f2e8cb; } [data-palette="29"] { /* Füge & Pezsgőarany */ --c-primary: #7e4f63; --c-primary-rgb: 126, 79, 99; --c-secondary: #c9a86a; --c-secondary-rgb: 201, 168, 106; --c-accent: #a97f92; --c-bg: #fbf8f9; --c-surface: #ffffff; --c-surface-alt: #f3eaee; --c-ink: #362530; --c-text: #564450; --c-muted: #968491; --c-line: #e9dce2; --c-grad-a: #ecd9e2; --c-grad-b: #f0e2c6; } [data-palette="30"] { /* Grafit & Arany */ --c-primary: #454a52; --c-primary-rgb: 69, 74, 82; --c-secondary: #c2a14d; --c-secondary-rgb: 194, 161, 77; --c-accent: #7d838d; --c-bg: #f9f9fa; --c-surface: #ffffff; --c-surface-alt: #eeeff1; --c-ink: #23262b; --c-text: #43474e; --c-muted: #878c94; --c-line: #e0e2e5; --c-grad-a: #dfe1e5; --c-grad-b: #f0e3bd; }