/* Темы оформления. Файл собирается tools/build_themes.py — правьте tools/themes.json. */

:root {
  --bg: #F7F4EC;
  --surface: #FFFDF8;
  --surface-2: #F0EBDF;
  --line: #E3DCCB;
  --line-strong: #CCC2AC;
  --text: #22271F;
  --muted: #6A7065;
  --accent: #2F6B3F;
  --accent-hover: #245532;
  --accent-ink: #FFFFFF;
  --accent-soft: #E3EFE4;
  --earth: #A2542B;
  --earth-soft: #F6E7DC;
  --earth-ink: #7A3D1C;
  --sun: #C8912A;
  --sun-soft: #FAF0D9;
  --sun-ink: #7E5A10;
  --sky: #33608A;
  --sky-soft: #E4EDF5;
  --sky-ink: #23425F;
  --danger: #A32C2C;
  --danger-soft: #F8E4E2;
  --track: #EAE3D3;
  --green: #3C8049;
  --green-soft: #E4F0E4;
  --yellow: #9A6B12;
  --yellow-soft: #FBF2DC;
  --red: #B2452F;
  --red-soft: #F9E5DE;
  --ring-body: #A2542B;
  --ring-food: #2F6B3F;
  --ring-spirit: #33608A;
  --radius: 18px;
  --serif: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --sans: 'Golos Text', 'Segoe UI', system-ui, -apple-system, Roboto, sans-serif;
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #14180F;
    --surface: #1D2217;
    --surface-2: #262C1E;
    --line: #333A29;
    --line-strong: #4A5340;
    --text: #EDEFE4;
    --muted: #A8B09C;
    --accent: #8FC79B;
    --accent-hover: #A8D8B2;
    --accent-ink: #14210F;
    --accent-soft: #24331F;
    --earth: #E0A379;
    --earth-soft: #33241A;
    --earth-ink: #F0C9A9;
    --sun: #E6C271;
    --sun-soft: #322A16;
    --sun-ink: #F0D79B;
    --sky: #91B6D8;
    --sky-soft: #1D2833;
    --sky-ink: #BCD6EC;
    --danger: #EE9A90;
    --danger-soft: #35201D;
    --track: #2C3324;
    --green: #8FC79B;
    --green-soft: #22301E;
    --yellow: #E8C87C;
    --yellow-soft: #2E2714;
    --red: #E79B85;
    --red-soft: #33211B;
    --ring-body: #E0A379;
    --ring-food: #8FC79B;
    --ring-spirit: #91B6D8;
    --radius: 18px;
    --serif: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
    --sans: 'Golos Text', 'Segoe UI', system-ui, -apple-system, Roboto, sans-serif;
    color-scheme: dark;
  }
}

:root[data-theme="dark"] {
  --bg: #14180F;
  --surface: #1D2217;
  --surface-2: #262C1E;
  --line: #333A29;
  --line-strong: #4A5340;
  --text: #EDEFE4;
  --muted: #A8B09C;
  --accent: #8FC79B;
  --accent-hover: #A8D8B2;
  --accent-ink: #14210F;
  --accent-soft: #24331F;
  --earth: #E0A379;
  --earth-soft: #33241A;
  --earth-ink: #F0C9A9;
  --sun: #E6C271;
  --sun-soft: #322A16;
  --sun-ink: #F0D79B;
  --sky: #91B6D8;
  --sky-soft: #1D2833;
  --sky-ink: #BCD6EC;
  --danger: #EE9A90;
  --danger-soft: #35201D;
  --track: #2C3324;
  --green: #8FC79B;
  --green-soft: #22301E;
  --yellow: #E8C87C;
  --yellow-soft: #2E2714;
  --red: #E79B85;
  --red-soft: #33211B;
  --ring-body: #E0A379;
  --ring-food: #8FC79B;
  --ring-spirit: #91B6D8;
  --radius: 18px;
  --serif: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --sans: 'Golos Text', 'Segoe UI', system-ui, -apple-system, Roboto, sans-serif;
  color-scheme: dark;
}

/* ——— Лист ——— */
:root[data-skin="leaf"] {
  --bg: #F7F4EC;
  --surface: #FFFDF8;
  --surface-2: #F0EBDF;
  --line: #E3DCCB;
  --line-strong: #CCC2AC;
  --text: #22271F;
  --muted: #6A7065;
  --accent: #2F6B3F;
  --accent-hover: #245532;
  --accent-ink: #FFFFFF;
  --accent-soft: #E3EFE4;
  --earth: #A2542B;
  --earth-soft: #F6E7DC;
  --earth-ink: #7A3D1C;
  --sun: #C8912A;
  --sun-soft: #FAF0D9;
  --sun-ink: #7E5A10;
  --sky: #33608A;
  --sky-soft: #E4EDF5;
  --sky-ink: #23425F;
  --danger: #A32C2C;
  --danger-soft: #F8E4E2;
  --track: #EAE3D3;
  --green: #3C8049;
  --green-soft: #E4F0E4;
  --yellow: #9A6B12;
  --yellow-soft: #FBF2DC;
  --red: #B2452F;
  --red-soft: #F9E5DE;
  --ring-body: #A2542B;
  --ring-food: #2F6B3F;
  --ring-spirit: #33608A;
  --radius: 18px;
  --serif: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --sans: 'Golos Text', 'Segoe UI', system-ui, -apple-system, Roboto, sans-serif;
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root[data-skin="leaf"]:not([data-theme="light"]) {
    --bg: #14180F;
    --surface: #1D2217;
    --surface-2: #262C1E;
    --line: #333A29;
    --line-strong: #4A5340;
    --text: #EDEFE4;
    --muted: #A8B09C;
    --accent: #8FC79B;
    --accent-hover: #A8D8B2;
    --accent-ink: #14210F;
    --accent-soft: #24331F;
    --earth: #E0A379;
    --earth-soft: #33241A;
    --earth-ink: #F0C9A9;
    --sun: #E6C271;
    --sun-soft: #322A16;
    --sun-ink: #F0D79B;
    --sky: #91B6D8;
    --sky-soft: #1D2833;
    --sky-ink: #BCD6EC;
    --danger: #EE9A90;
    --danger-soft: #35201D;
    --track: #2C3324;
    --green: #8FC79B;
    --green-soft: #22301E;
    --yellow: #E8C87C;
    --yellow-soft: #2E2714;
    --red: #E79B85;
    --red-soft: #33211B;
    --ring-body: #E0A379;
    --ring-food: #8FC79B;
    --ring-spirit: #91B6D8;
    --radius: 18px;
    --serif: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
    --sans: 'Golos Text', 'Segoe UI', system-ui, -apple-system, Roboto, sans-serif;
    color-scheme: dark;
  }
}

:root[data-skin="leaf"][data-theme="dark"] {
  --bg: #14180F;
  --surface: #1D2217;
  --surface-2: #262C1E;
  --line: #333A29;
  --line-strong: #4A5340;
  --text: #EDEFE4;
  --muted: #A8B09C;
  --accent: #8FC79B;
  --accent-hover: #A8D8B2;
  --accent-ink: #14210F;
  --accent-soft: #24331F;
  --earth: #E0A379;
  --earth-soft: #33241A;
  --earth-ink: #F0C9A9;
  --sun: #E6C271;
  --sun-soft: #322A16;
  --sun-ink: #F0D79B;
  --sky: #91B6D8;
  --sky-soft: #1D2833;
  --sky-ink: #BCD6EC;
  --danger: #EE9A90;
  --danger-soft: #35201D;
  --track: #2C3324;
  --green: #8FC79B;
  --green-soft: #22301E;
  --yellow: #E8C87C;
  --yellow-soft: #2E2714;
  --red: #E79B85;
  --red-soft: #33211B;
  --ring-body: #E0A379;
  --ring-food: #8FC79B;
  --ring-spirit: #91B6D8;
  --radius: 18px;
  --serif: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --sans: 'Golos Text', 'Segoe UI', system-ui, -apple-system, Roboto, sans-serif;
  color-scheme: dark;
}

/* ——— Рассвет ——— */
:root[data-skin="dawn"] {
  --bg: #F7F9FB;
  --surface: #FFFFFF;
  --surface-2: #EFF3F7;
  --line: #E4EAEF;
  --line-strong: #80909F;
  --text: #101A22;
  --muted: #5A6773;
  --accent: #B0541A;
  --accent-hover: #96430F;
  --accent-ink: #FFFFFF;
  --accent-soft: #FDF0E7;
  --earth: #A95345;
  --earth-soft: #FBEFEC;
  --earth-ink: #A95345;
  --sun: #8F6410;
  --sun-soft: #FAF1DC;
  --sun-ink: #8F6410;
  --sky: #2B70AC;
  --sky-soft: #E8F2FB;
  --sky-ink: #2B70AC;
  --danger: #B51948;
  --danger-soft: #FCE9EE;
  --track: #E1E5EA;
  --green: #22865B;
  --green-soft: #E3F7EE;
  --yellow: #9A6E16;
  --yellow-soft: #FBF2DC;
  --red: #8D2C19;
  --red-soft: #FCEEEB;
  --ring-body: #C86243;
  --ring-food: #1C7755;
  --ring-spirit: #2B5189;
  --radius: 16px;
  --serif: 'Literata', Georgia, 'Times New Roman', serif;
  --sans: 'Manrope', 'Segoe UI', system-ui, -apple-system, Roboto, sans-serif;
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root[data-skin="dawn"]:not([data-theme="light"]) {
    --bg: #0F161B;
    --surface: #1A232C;
    --surface-2: #25323D;
    --line: #364450;
    --line-strong: #617587;
    --text: #E6ECEF;
    --muted: #95A4AF;
    --accent: #EFA76F;
    --accent-hover: #F6BF90;
    --accent-ink: #41210B;
    --accent-soft: #40291B;
    --earth: #E3968A;
    --earth-soft: #472723;
    --earth-ink: #E3968A;
    --sun: #E4B957;
    --sun-soft: #3B3119;
    --sun-ink: #E4B957;
    --sky: #7EB3E1;
    --sky-soft: #1E3446;
    --sky-ink: #7EB3E1;
    --danger: #E76E8E;
    --danger-soft: #47202B;
    --track: #2A343D;
    --green: #39B47B;
    --green-soft: #1D3B2D;
    --yellow: #F2D585;
    --yellow-soft: #3D3319;
    --red: #D5694D;
    --red-soft: #46271F;
    --ring-body: #F0AD86;
    --ring-food: #38B181;
    --ring-spirit: #4A81CA;
    --radius: 16px;
    --serif: 'Literata', Georgia, 'Times New Roman', serif;
    --sans: 'Manrope', 'Segoe UI', system-ui, -apple-system, Roboto, sans-serif;
    color-scheme: dark;
  }
}

:root[data-skin="dawn"][data-theme="dark"] {
  --bg: #0F161B;
  --surface: #1A232C;
  --surface-2: #25323D;
  --line: #364450;
  --line-strong: #617587;
  --text: #E6ECEF;
  --muted: #95A4AF;
  --accent: #EFA76F;
  --accent-hover: #F6BF90;
  --accent-ink: #41210B;
  --accent-soft: #40291B;
  --earth: #E3968A;
  --earth-soft: #472723;
  --earth-ink: #E3968A;
  --sun: #E4B957;
  --sun-soft: #3B3119;
  --sun-ink: #E4B957;
  --sky: #7EB3E1;
  --sky-soft: #1E3446;
  --sky-ink: #7EB3E1;
  --danger: #E76E8E;
  --danger-soft: #47202B;
  --track: #2A343D;
  --green: #39B47B;
  --green-soft: #1D3B2D;
  --yellow: #F2D585;
  --yellow-soft: #3D3319;
  --red: #D5694D;
  --red-soft: #46271F;
  --ring-body: #F0AD86;
  --ring-food: #38B181;
  --ring-spirit: #4A81CA;
  --radius: 16px;
  --serif: 'Literata', Georgia, 'Times New Roman', serif;
  --sans: 'Manrope', 'Segoe UI', system-ui, -apple-system, Roboto, sans-serif;
  color-scheme: dark;
}

/* ——— Глина ——— */
:root[data-skin="clay"] {
  --bg: #F5EADB;
  --surface: #FFFAF2;
  --surface-2: #EFE1CE;
  --line: #E2D0B8;
  --line-strong: #BFA184;
  --text: #2A1A10;
  --muted: #6B5240;
  --accent: #A4441F;
  --accent-hover: #85340F;
  --accent-ink: #FFF3E7;
  --accent-soft: #F7DFCB;
  --earth: #7C4A26;
  --earth-soft: #F0E1D0;
  --earth-ink: #7C4A26;
  --sun: #B07C0C;
  --sun-soft: #FAEAC4;
  --sun-ink: #241700;
  --sky: #2C6570;
  --sky-soft: #DCEAE9;
  --sky-ink: #2C6570;
  --danger: #A11C44;
  --danger-soft: #FADFE6;
  --track: #EFE3D3;
  --green: #517623;
  --green-soft: #E9EFD6;
  --yellow: #956D13;
  --yellow-soft: #FDF1D6;
  --red: #86210C;
  --red-soft: #F8DDD2;
  --ring-body: #C85E2C;
  --ring-food: #4E6B22;
  --ring-spirit: #1E4E5C;
  --radius: 20px;
  --serif: 'Lora', Georgia, 'Times New Roman', serif;
  --sans: 'Onest', 'Segoe UI', system-ui, -apple-system, Roboto, sans-serif;
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root[data-skin="clay"]:not([data-theme="light"]) {
    --bg: #16110E;
    --surface: #201914;
    --surface-2: #2B221C;
    --line: #3A2E26;
    --line-strong: #5A483C;
    --text: #F4E8DA;
    --muted: #B7A18C;
    --accent: #E58B55;
    --accent-hover: #F0A272;
    --accent-ink: #2B1105;
    --accent-soft: #3A231A;
    --earth: #D69A64;
    --earth-soft: #33241A;
    --earth-ink: #D69A64;
    --sun: #E7B84A;
    --sun-soft: #372A12;
    --sun-ink: #E7B84A;
    --sky: #74BFC9;
    --sky-soft: #17302F;
    --sky-ink: #74BFC9;
    --danger: #F08497;
    --danger-soft: #3A1A22;
    --track: #372C25;
    --green: #8CB94D;
    --green-soft: #26301A;
    --yellow: #F7E0A0;
    --yellow-soft: #3A2E14;
    --red: #D26044;
    --red-soft: #3A2118;
    --ring-body: #E28A50;
    --ring-food: #BCCE72;
    --ring-spirit: #4796A6;
    --radius: 20px;
    --serif: 'Lora', Georgia, 'Times New Roman', serif;
    --sans: 'Onest', 'Segoe UI', system-ui, -apple-system, Roboto, sans-serif;
    color-scheme: dark;
  }
}

:root[data-skin="clay"][data-theme="dark"] {
  --bg: #16110E;
  --surface: #201914;
  --surface-2: #2B221C;
  --line: #3A2E26;
  --line-strong: #5A483C;
  --text: #F4E8DA;
  --muted: #B7A18C;
  --accent: #E58B55;
  --accent-hover: #F0A272;
  --accent-ink: #2B1105;
  --accent-soft: #3A231A;
  --earth: #D69A64;
  --earth-soft: #33241A;
  --earth-ink: #D69A64;
  --sun: #E7B84A;
  --sun-soft: #372A12;
  --sun-ink: #E7B84A;
  --sky: #74BFC9;
  --sky-soft: #17302F;
  --sky-ink: #74BFC9;
  --danger: #F08497;
  --danger-soft: #3A1A22;
  --track: #372C25;
  --green: #8CB94D;
  --green-soft: #26301A;
  --yellow: #F7E0A0;
  --yellow-soft: #3A2E14;
  --red: #D26044;
  --red-soft: #3A2118;
  --ring-body: #E28A50;
  --ring-food: #BCCE72;
  --ring-spirit: #4796A6;
  --radius: 20px;
  --serif: 'Lora', Georgia, 'Times New Roman', serif;
  --sans: 'Onest', 'Segoe UI', system-ui, -apple-system, Roboto, sans-serif;
  color-scheme: dark;
}

/* ——— Ночь ——— */
:root[data-skin="night"] {
  --bg: #F1F3F2;
  --surface: #FFFFFF;
  --surface-2: #E7EBEA;
  --line: #DCE2E1;
  --line-strong: #8D9796;
  --text: #111A1D;
  --muted: #55646A;
  --accent: #0C6B52;
  --accent-hover: #085441;
  --accent-ink: #FFFFFF;
  --accent-soft: #DCEFE7;
  --earth: #8F4E23;
  --earth-soft: #F6E6DA;
  --earth-ink: #8F4E23;
  --sun: #8A5F06;
  --sun-soft: #F7EBD2;
  --sun-ink: #8A5F06;
  --sky: #1F5F85;
  --sky-soft: #DEEBF3;
  --sky-ink: #1F5F85;
  --danger: #A3123A;
  --danger-soft: #FCE4EA;
  --track: #DFE4E3;
  --green: #2C7843;
  --green-soft: #E1F1E4;
  --yellow: #986F0B;
  --yellow-soft: #FAEFD3;
  --red: #8A2E1B;
  --red-soft: #FBE4DD;
  --ring-body: #B4722C;
  --ring-food: #0D7559;
  --ring-spirit: #324A8A;
  --radius: 16px;
  --serif: 'Literata', Georgia, 'Times New Roman', serif;
  --sans: 'Manrope', 'Segoe UI', system-ui, -apple-system, Roboto, sans-serif;
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root[data-skin="night"]:not([data-theme="light"]) {
    --bg: #0E1519;
    --surface: #161F24;
    --surface-2: #1E2A30;
    --line: #29363D;
    --line-strong: #606C73;
    --text: #E8EFEF;
    --muted: #9BACB2;
    --accent: #45C39A;
    --accent-hover: #35AC86;
    --accent-ink: #05211A;
    --accent-soft: #14322A;
    --earth: #D99C6A;
    --earth-soft: #33241A;
    --earth-ink: #D99C6A;
    --sun: #E3BC6B;
    --sun-soft: #352C17;
    --sun-ink: #E3BC6B;
    --sky: #7FB8DC;
    --sky-soft: #172C39;
    --sky-ink: #7FB8DC;
    --danger: #FF9BA6;
    --danger-soft: #3A1D24;
    --track: #2A363C;
    --green: #45AE6D;
    --green-soft: #14301F;
    --yellow: #EDC85C;
    --yellow-soft: #33290F;
    --red: #D16457;
    --red-soft: #331A18;
    --ring-body: #D28D3E;
    --ring-food: #62D8AA;
    --ring-spirit: #6478D6;
    --radius: 16px;
    --serif: 'Literata', Georgia, 'Times New Roman', serif;
    --sans: 'Manrope', 'Segoe UI', system-ui, -apple-system, Roboto, sans-serif;
    color-scheme: dark;
  }
}

:root[data-skin="night"][data-theme="dark"] {
  --bg: #0E1519;
  --surface: #161F24;
  --surface-2: #1E2A30;
  --line: #29363D;
  --line-strong: #606C73;
  --text: #E8EFEF;
  --muted: #9BACB2;
  --accent: #45C39A;
  --accent-hover: #35AC86;
  --accent-ink: #05211A;
  --accent-soft: #14322A;
  --earth: #D99C6A;
  --earth-soft: #33241A;
  --earth-ink: #D99C6A;
  --sun: #E3BC6B;
  --sun-soft: #352C17;
  --sun-ink: #E3BC6B;
  --sky: #7FB8DC;
  --sky-soft: #172C39;
  --sky-ink: #7FB8DC;
  --danger: #FF9BA6;
  --danger-soft: #3A1D24;
  --track: #2A363C;
  --green: #45AE6D;
  --green-soft: #14301F;
  --yellow: #EDC85C;
  --yellow-soft: #33290F;
  --red: #D16457;
  --red-soft: #331A18;
  --ring-body: #D28D3E;
  --ring-food: #62D8AA;
  --ring-spirit: #6478D6;
  --radius: 16px;
  --serif: 'Literata', Georgia, 'Times New Roman', serif;
  --sans: 'Manrope', 'Segoe UI', system-ui, -apple-system, Roboto, sans-serif;
  color-scheme: dark;
}

/* ——— Бумага ——— */
:root[data-skin="paper"] {
  --bg: #F5F1E6;
  --surface: #FFFDF7;
  --surface-2: #EBE5D6;
  --line: #CCC3AC;
  --line-strong: #87806F;
  --text: #1A1713;
  --muted: #5B5346;
  --accent: #14507D;
  --accent-hover: #0D3A5C;
  --accent-ink: #FFFFFF;
  --accent-soft: #DCE7F1;
  --earth: #6B3413;
  --earth-soft: #EFDCCD;
  --earth-ink: #6B3413;
  --sun: #7A5A05;
  --sun-soft: #F5E7BE;
  --sun-ink: #7A5A05;
  --sky: #1F5F6E;
  --sky-soft: #D7E8EA;
  --sky-ink: #1F5F6E;
  --danger: #B3241C;
  --danger-soft: #F7DDD9;
  --track: #DED7C4;
  --green: #2A6327;
  --green-soft: #DDE9D1;
  --yellow: #947000;
  --yellow-soft: #F6E6B4;
  --red: #74150E;
  --red-soft: #F2D9D4;
  --ring-body: #6B3413;
  --ring-food: #306D2D;
  --ring-spirit: #4F84AA;
  --radius: 10px;
  --serif: 'Literata', Georgia, 'Times New Roman', serif;
  --sans: 'PT Sans', 'Segoe UI', system-ui, -apple-system, Roboto, sans-serif;
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root[data-skin="paper"]:not([data-theme="light"]) {
    --bg: #14130F;
    --surface: #1E1C17;
    --surface-2: #2A2721;
    --line: #3E3A31;
    --line-strong: #7A7466;
    --text: #F2EDE1;
    --muted: #B0A794;
    --accent: #8DBFE6;
    --accent-hover: #A9D1F0;
    --accent-ink: #0E2337;
    --accent-soft: #1F3346;
    --earth: #BE7048;
    --earth-soft: #3A271C;
    --earth-ink: #C6815D;
    --sun: #E2BE63;
    --sun-soft: #372D16;
    --sun-ink: #E2BE63;
    --sky: #85C4CE;
    --sky-soft: #1C3238;
    --sky-ink: #85C4CE;
    --danger: #F0918A;
    --danger-soft: #3E1E1B;
    --track: #33302A;
    --green: #85BE76;
    --green-soft: #22301D;
    --yellow: #F0D88C;
    --yellow-soft: #38311A;
    --red: #D4685C;
    --red-soft: #3A211B;
    --ring-body: #BE7048;
    --ring-food: #7BB56B;
    --ring-spirit: #ADD3EE;
    --radius: 10px;
    --serif: 'Literata', Georgia, 'Times New Roman', serif;
    --sans: 'PT Sans', 'Segoe UI', system-ui, -apple-system, Roboto, sans-serif;
    color-scheme: dark;
  }
}

:root[data-skin="paper"][data-theme="dark"] {
  --bg: #14130F;
  --surface: #1E1C17;
  --surface-2: #2A2721;
  --line: #3E3A31;
  --line-strong: #7A7466;
  --text: #F2EDE1;
  --muted: #B0A794;
  --accent: #8DBFE6;
  --accent-hover: #A9D1F0;
  --accent-ink: #0E2337;
  --accent-soft: #1F3346;
  --earth: #BE7048;
  --earth-soft: #3A271C;
  --earth-ink: #C6815D;
  --sun: #E2BE63;
  --sun-soft: #372D16;
  --sun-ink: #E2BE63;
  --sky: #85C4CE;
  --sky-soft: #1C3238;
  --sky-ink: #85C4CE;
  --danger: #F0918A;
  --danger-soft: #3E1E1B;
  --track: #33302A;
  --green: #85BE76;
  --green-soft: #22301D;
  --yellow: #F0D88C;
  --yellow-soft: #38311A;
  --red: #D4685C;
  --red-soft: #3A211B;
  --ring-body: #BE7048;
  --ring-food: #7BB56B;
  --ring-spirit: #ADD3EE;
  --radius: 10px;
  --serif: 'Literata', Georgia, 'Times New Roman', serif;
  --sans: 'PT Sans', 'Segoe UI', system-ui, -apple-system, Roboto, sans-serif;
  color-scheme: dark;
}