/* rt-tokens.css — Design Tokens + Base + Layout */

/* ============================================================
   Reading Trolls — App CSS
   Организация:
     1. Design Tokens
     2. Base / Reset
     3. Layout
     4. Components (Buttons, Modals, Forms, Tags, Rating, Toast)
     5. Board (Columns, Cards, Drag & Drop)
     6. Goal Card
     7. Stats
     8. Search
     9. Community (Notifications, Reviews, Comments)
    10. Book Detail
    11. Author / Series / Genre / Mood Modals
    12. Discovery
    13. Admin / Utility
    14. Responsive
   ============================================================ */


/* ============================================================
   1. DESIGN TOKENS
   ============================================================ */

:root {
    /* ── Surfaces ── */
    --rt-bg:           #F8F6F1;
    --rt-card-bg:      #FFFFFF;
    --rt-surface2:     #F1EEE7;
    --rt-border:       #E8E3D5;
    --rt-border-strong:#D4CBB6;

    /* ── Text ── */
    --rt-text:         #1F1A14;
    --rt-text-muted:   #5C5142;
    --rt-text-light:   #72695A;

    /* ── Brand — Primary (burnt sienna) ── */
    --rt-primary:        #B05A22;
    --rt-primary-hover:  #94491A;
    --rt-primary-active: #7A3D14;
    --rt-primary-soft:   #FBEEE2;
    --rt-primary-fg:     #FFFFFF;

    /* ── Secondary — Accent (дълбок олив) ── */
    --rt-secondary:      #3F4A2A;
    --rt-accent:         #3F4A2A;
    --rt-accent-soft:    #EAEEDB;
    --rt-accent-fg:      #FFFFFF;

    /* ── Semantic ── */
    --rt-success:        #5C6B3C;
    --rt-success-soft:   #EEF1E3;
    --rt-warning:        #965F1E;
    --rt-warning-soft:   #FBEED8;
    --rt-danger:         #A8392A;
    --rt-danger-soft:    #FBE4E0;
    --rt-muted:          #72695A;

    /* ── Board column colours ── */
    --rt-col-tbr:     #A6AE89;
    --rt-col-reading: #B05A22;
    --rt-col-done:    #5C6B3C;
    --rt-col-dnf:     #9A8E7A;

    /* ── Ratings ── */
    --rt-star:        #D9892C;
    --rt-star-empty:  #E5DECC;

    /* ── Shadows ── */
    --rt-shadow:       0 1px 2px rgba(31,26,20,.05), 0 1px 1px rgba(31,26,20,.03);
    --rt-shadow-hover: 0 4px 12px rgba(31,26,20,.08), 0 2px 4px rgba(31,26,20,.04);
    --rt-shadow-lg:    0 12px 32px rgba(31,26,20,.10), 0 4px 8px rgba(31,26,20,.05);

    /* ── Radii ── */
    --rt-r1: 6px;
    --rt-r2: 10px;
    --rt-r3: 14px;
    --rt-r4: 20px;

    /* ── Typography ── */
    --rt-font-display: "Fraunces", "Source Serif 4", Georgia, serif;
    --rt-font-body:    "Inter", system-ui, -apple-system, sans-serif;
}

/* Dark mode */
[data-rt-theme="dark"] {
    --rt-bg:           #15110C;
    --rt-card-bg:      #1E1812;
    --rt-surface2:     #28201A;
    --rt-border:       #3A2E22;
    --rt-border-strong:#4D4030;

    --rt-text:         #F2EADC;
    --rt-text-muted:   #B8A88F;
    --rt-text-light:   #9A8E7A;

    --rt-primary:        #E08043;
    --rt-primary-hover:  #EE9354;
    --rt-primary-active: #F5A26B;
    --rt-primary-soft:   #3A2818;
    --rt-primary-fg:     #15110C;

    --rt-secondary:      #A6AE89;
    --rt-accent:         #A6AE89;
    --rt-accent-soft:    #2A301E;
    --rt-accent-fg:      #15110C;

    --rt-success:        #A6AE89;
    --rt-success-soft:   #2A301E;
    --rt-warning:        #E8A65C;
    --rt-warning-soft:   #3A2C16;
    --rt-danger:         #D86A55;
    --rt-danger-soft:    #3A1E18;
    --rt-muted:          #9A8E7A;

    --rt-col-tbr:     #A6AE89;
    --rt-col-reading: #E08043;
    --rt-col-done:    #7E9456;
    --rt-col-dnf:     #82705A;

    --rt-star:        #E8A65C;
    --rt-star-empty:  #3A2E22;

    --rt-shadow:       0 1px 2px rgba(0,0,0,.4);
    --rt-shadow-hover: 0 6px 18px rgba(0,0,0,.4), 0 2px 4px rgba(0,0,0,.3);
    --rt-shadow-lg:    0 16px 36px rgba(0,0,0,.5), 0 4px 8px rgba(0,0,0,.4);
}


/* ============================================================
   2. BASE / RESET
   ============================================================ */

body { margin: 0; padding: 0; }

/* Контент зоната на OceanWP следва активната тема (хедър/футър са извън
   #main и не се пипат). Безусловно — 'Класически' (default) няма
   data-rt-skin атрибут, но и той трябва да боядисва фона със своя --rt-bg.
   Файлът се зарежда само на страниците на плъгина, така че останалата
   част от сайта не се засяга. */
#main.site-main {
    background: var(--rt-bg);
}

.rt-wrapper {
    max-width: 1400px;
    margin: 40px auto;
    padding: 32px 28px 48px;
    font-family: var(--rt-font-body);
    color: var(--rt-text);
    background: var(--rt-bg);
    border-radius: var(--rt-r4);
}

/* OceanWP override — input[type="number"] { width: 50px } */
.rt-wrapper input[type="number"] {
    width: 100% !important;
    box-sizing: border-box !important;
}
.rt-wrapper .rt-audio-duration input[type="number"] {
    flex: 1 1 0% !important;
    width: auto !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}


/* ============================================================
   3. LAYOUT
   ============================================================ */

.rt-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
    flex-wrap: wrap;
    gap: 20px;
}

.rt-main-title {
    font-size: 2em;
    color: var(--rt-text);
    margin: 0;
    font-weight: 700;
    font-family: var(--rt-font-display);
    letter-spacing: -0.02em;
}

.rt-quick-actions {
    display: flex;
    gap: 10px;
}

.rt-login-required {
    text-align: center;
    padding: 60px 20px;
    background: var(--rt-card-bg);
    border-radius: 12px;
    box-shadow: var(--rt-shadow);
}
.rt-login-required h3 { color: var(--rt-primary); margin-bottom: 15px; }




/* ============================================================
   GENRE THEMES  ·  ос [data-rt-skin] × [data-rt-theme="dark"]
   Default (без skin) = Класически RT. Warning/text-light
   потъмнени за WCAG AA (contrast >= 4.5).
   ============================================================ */

/* ── Класика ── */
[data-rt-skin="classic-lit"] {
    --rt-bg: #F6F3EA;
    --rt-card-bg: #FFFDF8;
    --rt-surface2: #EDE8DA;
    --rt-border: #DED6C2;
    --rt-border-strong: #C8BCA0;
    --rt-text: #23201A;
    --rt-text-muted: #574F40;
    --rt-text-light: #6E6654;
    --rt-muted: #6E6654;
    --rt-primary: #7B1E22;
    --rt-primary-hover: #661619;
    --rt-primary-active: #521114;
    --rt-primary-soft: #F3E3E1;
    --rt-primary-fg: #FFFDF8;
    --rt-secondary: #2E4A34;
    --rt-accent: #2E4A34;
    --rt-accent-soft: #E2EAE0;
    --rt-accent-fg: #FFFDF8;
    --rt-success: #3E6B47;
    --rt-success-soft: #E4EDE4;
    --rt-warning: #886420;
    --rt-warning-soft: #F6EBD3;
    --rt-danger: #8E2B22;
    --rt-danger-soft: #F5E1DD;
    --rt-col-tbr: #6E8CA3;
    --rt-col-reading: #7B1E22;
    --rt-col-done: #3E6B47;
    --rt-col-dnf: #9A8E7A;
    --rt-star: #B5852A;
    --rt-star-empty: #E2D9C4;
    --rt-shadow: 0 1px 2px rgba(35,32,26,.05), 0 1px 1px rgba(35,32,26,.03);
    --rt-shadow-hover: 0 4px 12px rgba(35,32,26,.07), 0 2px 4px rgba(35,32,26,.04);
    --rt-shadow-lg: 0 12px 32px rgba(35,32,26,.11), 0 4px 8px rgba(35,32,26,.05);
    --rt-font-display: "EB Garamond", Georgia, serif;
}
[data-rt-skin="classic-lit"][data-rt-theme="dark"] {
    --rt-bg: #1A1712;
    --rt-card-bg: #221E18;
    --rt-surface2: #2C271F;
    --rt-border: #3C352A;
    --rt-border-strong: #4F4636;
    --rt-text: #F1EADB;
    --rt-text-muted: #BEB19A;
    --rt-text-light: #92866F;
    --rt-muted: #92866F;
    --rt-primary: #C6564F;
    --rt-primary-hover: #D46A62;
    --rt-primary-active: #E07C74;
    --rt-primary-soft: #3A2320;
    --rt-primary-fg: #1A1712;
    --rt-secondary: #8FB598;
    --rt-accent: #8FB598;
    --rt-accent-soft: #24301F;
    --rt-accent-fg: #1A1712;
    --rt-success: #7FA588;
    --rt-success-soft: #24301F;
    --rt-warning: #D8A954;
    --rt-warning-soft: #3A2E16;
    --rt-danger: #D66B60;
    --rt-danger-soft: #3A1E1A;
    --rt-col-tbr: #8FA9BE;
    --rt-col-reading: #C6564F;
    --rt-col-done: #7FA588;
    --rt-col-dnf: #8A7E68;
    --rt-star: #D8A954;
    --rt-star-empty: #3C352A;
    --rt-shadow: 0 1px 2px rgba(0,0,0,.42);
    --rt-shadow-hover: 0 6px 18px rgba(0,0,0,.46), 0 2px 4px rgba(0,0,0,.3);
    --rt-shadow-lg: 0 16px 36px rgba(0,0,0,.56), 0 4px 8px rgba(0,0,0,.4);
}

/* ── Fantasy ── */
[data-rt-skin="fantasy"] {
    --rt-bg: #F4F1FA;
    --rt-card-bg: #FEFDFF;
    --rt-surface2: #ECE7F5;
    --rt-border: #DCD3EC;
    --rt-border-strong: #C2B3E0;
    --rt-text: #211B2E;
    --rt-text-muted: #524863;
    --rt-text-light: #6D647E;
    --rt-muted: #6D647E;
    --rt-primary: #6D3BB5;
    --rt-primary-hover: #5E2FA3;
    --rt-primary-active: #4F2790;
    --rt-primary-soft: #EDE4FA;
    --rt-primary-fg: #FFFFFF;
    --rt-secondary: #1F7A5A;
    --rt-accent: #1F7A5A;
    --rt-accent-soft: #DDF0E7;
    --rt-accent-fg: #FFFFFF;
    --rt-success: #2E7D57;
    --rt-success-soft: #DEF0E6;
    --rt-warning: #8A6316;
    --rt-warning-soft: #F7ECCF;
    --rt-danger: #B33350;
    --rt-danger-soft: #FADFE4;
    --rt-col-tbr: #7C8CC9;
    --rt-col-reading: #6D3BB5;
    --rt-col-done: #1F7A5A;
    --rt-col-dnf: #948AA5;
    --rt-star: #C79A2A;
    --rt-star-empty: #DED3EF;
    --rt-shadow: 0 1px 2px rgba(33,27,46,.05), 0 1px 1px rgba(33,27,46,.03);
    --rt-shadow-hover: 0 4px 12px rgba(33,27,46,.07), 0 2px 4px rgba(33,27,46,.04);
    --rt-shadow-lg: 0 12px 32px rgba(33,27,46,.11), 0 4px 8px rgba(33,27,46,.05);
    --rt-font-display: "Cinzel", "Trajan Pro", serif;
}
[data-rt-skin="fantasy"][data-rt-theme="dark"] {
    --rt-bg: #14101F;
    --rt-card-bg: #1D1730;
    --rt-surface2: #261E3D;
    --rt-border: #362C4E;
    --rt-border-strong: #4A3D66;
    --rt-text: #EFE9FB;
    --rt-text-muted: #B8ADD0;
    --rt-text-light: #8E82A5;
    --rt-muted: #8E82A5;
    --rt-primary: #A87BE8;
    --rt-primary-hover: #B78FEF;
    --rt-primary-active: #C6A3F5;
    --rt-primary-soft: #2C2046;
    --rt-primary-fg: #14101F;
    --rt-secondary: #57C79A;
    --rt-accent: #57C79A;
    --rt-accent-soft: #16332A;
    --rt-accent-fg: #14101F;
    --rt-success: #57C79A;
    --rt-success-soft: #16332A;
    --rt-warning: #E0B450;
    --rt-warning-soft: #352A12;
    --rt-danger: #E06A85;
    --rt-danger-soft: #381C24;
    --rt-col-tbr: #93A2E0;
    --rt-col-reading: #A87BE8;
    --rt-col-done: #57C79A;
    --rt-col-dnf: #948AA5;
    --rt-star: #E0B450;
    --rt-star-empty: #362C4E;
    --rt-shadow: 0 1px 2px rgba(0,0,0,.42);
    --rt-shadow-hover: 0 6px 18px rgba(0,0,0,.46), 0 2px 4px rgba(0,0,0,.3);
    --rt-shadow-lg: 0 16px 36px rgba(0,0,0,.56), 0 4px 8px rgba(0,0,0,.4);
}

/* ── Sci-Fi ── */
[data-rt-skin="scifi"] {
    --rt-bg: #EEF2F5;
    --rt-card-bg: #FFFFFF;
    --rt-surface2: #E3E9EE;
    --rt-border: #D2DBE2;
    --rt-border-strong: #B4C2CD;
    --rt-text: #12191F;
    --rt-text-muted: #465059;
    --rt-text-light: #5F6970;
    --rt-muted: #5F6970;
    --rt-primary: #0A7C8C;
    --rt-primary-hover: #086A78;
    --rt-primary-active: #065765;
    --rt-primary-soft: #DBEFF2;
    --rt-primary-fg: #FFFFFF;
    --rt-secondary: #B0298C;
    --rt-accent: #B0298C;
    --rt-accent-soft: #F7DEEF;
    --rt-accent-fg: #FFFFFF;
    --rt-success: #0F8A6A;
    --rt-success-soft: #D8F1E9;
    --rt-warning: #955C0E;
    --rt-warning-soft: #F7E9D0;
    --rt-danger: #C43654;
    --rt-danger-soft: #F9DEE3;
    --rt-col-tbr: #4A8FB5;
    --rt-col-reading: #0A7C8C;
    --rt-col-done: #0F8A6A;
    --rt-col-dnf: #7C8891;
    --rt-star: #D08A1E;
    --rt-star-empty: #D2DBE2;
    --rt-shadow: 0 1px 2px rgba(18,25,31,.05), 0 1px 1px rgba(18,25,31,.03);
    --rt-shadow-hover: 0 4px 12px rgba(18,25,31,.07), 0 2px 4px rgba(18,25,31,.04);
    --rt-shadow-lg: 0 12px 32px rgba(18,25,31,.11), 0 4px 8px rgba(18,25,31,.05);
    --rt-font-display: "Orbitron", "Eurostile", sans-serif;
}
[data-rt-skin="scifi"][data-rt-theme="dark"] {
    --rt-bg: #0A0F14;
    --rt-card-bg: #111820;
    --rt-surface2: #172029;
    --rt-border: #24303B;
    --rt-border-strong: #354653;
    --rt-text: #E6F1F6;
    --rt-text-muted: #9FB2BE;
    --rt-text-light: #738894;
    --rt-muted: #738894;
    --rt-primary: #22D3E0;
    --rt-primary-hover: #45DCE7;
    --rt-primary-active: #6BE5EE;
    --rt-primary-soft: #10303A;
    --rt-primary-fg: #0A0F14;
    --rt-secondary: #F040B0;
    --rt-accent: #F040B0;
    --rt-accent-soft: #331026;
    --rt-accent-fg: #0A0F14;
    --rt-success: #2BE0A0;
    --rt-success-soft: #0C3329;
    --rt-warning: #F0A83C;
    --rt-warning-soft: #33260E;
    --rt-danger: #FF5C78;
    --rt-danger-soft: #3A1620;
    --rt-col-tbr: #4FB8F0;
    --rt-col-reading: #22D3E0;
    --rt-col-done: #2BE0A0;
    --rt-col-dnf: #6C7E8A;
    --rt-star: #F0A83C;
    --rt-star-empty: #24303B;
    --rt-shadow: 0 1px 2px rgba(0,0,0,.42);
    --rt-shadow-hover: 0 6px 18px rgba(0,0,0,.46), 0 2px 4px rgba(0,0,0,.3);
    --rt-shadow-lg: 0 16px 36px rgba(0,0,0,.56), 0 4px 8px rgba(0,0,0,.4);
}

/* ── Romance ── */
[data-rt-skin="romance"] {
    --rt-bg: #FBF3F1;
    --rt-card-bg: #FFFCFB;
    --rt-surface2: #F6E7E4;
    --rt-border: #EDD8D3;
    --rt-border-strong: #DEBDB6;
    --rt-text: #2E211F;
    --rt-text-muted: #6B534F;
    --rt-text-light: #766561;
    --rt-muted: #766561;
    --rt-primary: #B8455F;
    --rt-primary-hover: #A03A52;
    --rt-primary-active: #883145;
    --rt-primary-soft: #F9E3E8;
    --rt-primary-fg: #FFFCFB;
    --rt-secondary: #9B5B8F;
    --rt-accent: #9B5B8F;
    --rt-accent-soft: #F2E5EF;
    --rt-accent-fg: #FFFCFB;
    --rt-success: #4F8A6B;
    --rt-success-soft: #E3F0E9;
    --rt-warning: #8F612A;
    --rt-warning-soft: #F8ECD8;
    --rt-danger: #C0433F;
    --rt-danger-soft: #F9E0DE;
    --rt-col-tbr: #C79BB0;
    --rt-col-reading: #B8455F;
    --rt-col-done: #6E9B7E;
    --rt-col-dnf: #B0A09B;
    --rt-star: #D99A3E;
    --rt-star-empty: #F0DDD8;
    --rt-shadow: 0 1px 2px rgba(46,33,31,.05), 0 1px 1px rgba(46,33,31,.03);
    --rt-shadow-hover: 0 4px 12px rgba(46,33,31,.07), 0 2px 4px rgba(46,33,31,.04);
    --rt-shadow-lg: 0 12px 32px rgba(46,33,31,.11), 0 4px 8px rgba(46,33,31,.05);
    --rt-font-display: "Gilda Display", "Cormorant", serif;
}
[data-rt-skin="romance"][data-rt-theme="dark"] {
    --rt-bg: #1C1315;
    --rt-card-bg: #251A1D;
    --rt-surface2: #2F2226;
    --rt-border: #3E2E33;
    --rt-border-strong: #543F45;
    --rt-text: #F6E7E9;
    --rt-text-muted: #CBAAB0;
    --rt-text-light: #9E838A;
    --rt-muted: #9E838A;
    --rt-primary: #E5849A;
    --rt-primary-hover: #EC97AA;
    --rt-primary-active: #F2AABB;
    --rt-primary-soft: #3A2126;
    --rt-primary-fg: #1C1315;
    --rt-secondary: #C99BC0;
    --rt-accent: #C99BC0;
    --rt-accent-soft: #2E2130;
    --rt-accent-fg: #1C1315;
    --rt-success: #7FB596;
    --rt-success-soft: #1E3028;
    --rt-warning: #E3AE5E;
    --rt-warning-soft: #362713;
    --rt-danger: #E4776F;
    --rt-danger-soft: #3A1E1C;
    --rt-col-tbr: #D6A9BE;
    --rt-col-reading: #E5849A;
    --rt-col-done: #7FB596;
    --rt-col-dnf: #B0A09B;
    --rt-star: #E3AE5E;
    --rt-star-empty: #3E2E33;
    --rt-shadow: 0 1px 2px rgba(0,0,0,.42);
    --rt-shadow-hover: 0 6px 18px rgba(0,0,0,.46), 0 2px 4px rgba(0,0,0,.3);
    --rt-shadow-lg: 0 16px 36px rgba(0,0,0,.56), 0 4px 8px rgba(0,0,0,.4);
}

/* ── Dark Romance ── */
[data-rt-skin="dark-romance"] {
    --rt-bg: #F1E9EA;
    --rt-card-bg: #FBF6F6;
    --rt-surface2: #E9DCDE;
    --rt-border: #DBC9CC;
    --rt-border-strong: #C2A9AD;
    --rt-text: #241A1D;
    --rt-text-muted: #5E4A4E;
    --rt-text-light: #715D61;
    --rt-muted: #715D61;
    --rt-primary: #8A1F3D;
    --rt-primary-hover: #74172F;
    --rt-primary-active: #5F1226;
    --rt-primary-soft: #F4DEE4;
    --rt-primary-fg: #FBF6F6;
    --rt-secondary: #4A2E52;
    --rt-accent: #4A2E52;
    --rt-accent-soft: #EAE0EE;
    --rt-accent-fg: #FBF6F6;
    --rt-success: #5C7A54;
    --rt-success-soft: #E7EEE2;
    --rt-warning: #8B6024;
    --rt-warning-soft: #F5E8D2;
    --rt-danger: #93261F;
    --rt-danger-soft: #F5DCD8;
    --rt-col-tbr: #9E7F94;
    --rt-col-reading: #8A1F3D;
    --rt-col-done: #7A5C86;
    --rt-col-dnf: #97878A;
    --rt-star: #C08A32;
    --rt-star-empty: #E4D3D6;
    --rt-shadow: 0 1px 2px rgba(36,26,29,.05), 0 1px 1px rgba(36,26,29,.03);
    --rt-shadow-hover: 0 4px 12px rgba(36,26,29,.07), 0 2px 4px rgba(36,26,29,.04);
    --rt-shadow-lg: 0 12px 32px rgba(36,26,29,.11), 0 4px 8px rgba(36,26,29,.05);
    --rt-font-display: "Prata", "Bodoni Moda", serif;
}
[data-rt-skin="dark-romance"][data-rt-theme="dark"] {
    --rt-bg: #140B0E;
    --rt-card-bg: #1E1216;
    --rt-surface2: #28181D;
    --rt-border: #3A2229;
    --rt-border-strong: #55333D;
    --rt-text: #F4E4E7;
    --rt-text-muted: #C7A2AA;
    --rt-text-light: #9E7880;
    --rt-muted: #9E7880;
    --rt-primary: #D64063;
    --rt-primary-hover: #E05576;
    --rt-primary-active: #EA7089;
    --rt-primary-soft: #3A1622;
    --rt-primary-fg: #140B0E;
    --rt-secondary: #A878C8;
    --rt-accent: #A878C8;
    --rt-accent-soft: #2A1A33;
    --rt-accent-fg: #140B0E;
    --rt-success: #A0B074;
    --rt-success-soft: #232A15;
    --rt-warning: #DCA24A;
    --rt-warning-soft: #35260F;
    --rt-danger: #E85C57;
    --rt-danger-soft: #3A1614;
    --rt-col-tbr: #C88FB4;
    --rt-col-reading: #D64063;
    --rt-col-done: #B78FCE;
    --rt-col-dnf: #957078;
    --rt-star: #DCA24A;
    --rt-star-empty: #3A2229;
    --rt-shadow: 0 1px 2px rgba(0,0,0,.42);
    --rt-shadow-hover: 0 6px 18px rgba(0,0,0,.46), 0 2px 4px rgba(0,0,0,.3);
    --rt-shadow-lg: 0 16px 36px rgba(0,0,0,.56), 0 4px 8px rgba(0,0,0,.4);
}

/* ── Трилър/Ноар ── */
[data-rt-skin="noir"] {
    --rt-bg: #EFEFEC;
    --rt-card-bg: #FFFFFF;
    --rt-surface2: #E4E4E0;
    --rt-border: #D2D2CD;
    --rt-border-strong: #B0B0AA;
    --rt-text: #141414;
    --rt-text-muted: #444444;
    --rt-text-light: #656562;
    --rt-muted: #656562;
    --rt-primary: #B2202B;
    --rt-primary-hover: #971921;
    --rt-primary-active: #7C141B;
    --rt-primary-soft: #F6DEDE;
    --rt-primary-fg: #FFFFFF;
    --rt-secondary: #2C3A46;
    --rt-accent: #2C3A46;
    --rt-accent-soft: #E0E4E7;
    --rt-accent-fg: #FFFFFF;
    --rt-success: #3F6B4A;
    --rt-success-soft: #E2ECE4;
    --rt-warning: #8C6012;
    --rt-warning-soft: #F6EAD1;
    --rt-danger: #A81E28;
    --rt-danger-soft: #F6DEDE;
    --rt-col-tbr: #6E7A85;
    --rt-col-reading: #B2202B;
    --rt-col-done: #3F6B4A;
    --rt-col-dnf: #9A9A94;
    --rt-star: #C08419;
    --rt-star-empty: #D6D6D0;
    --rt-shadow: 0 1px 2px rgba(20,20,20,.05), 0 1px 1px rgba(20,20,20,.03);
    --rt-shadow-hover: 0 4px 12px rgba(20,20,20,.07), 0 2px 4px rgba(20,20,20,.04);
    --rt-shadow-lg: 0 12px 32px rgba(20,20,20,.11), 0 4px 8px rgba(20,20,20,.05);
    --rt-font-display: "Oswald", "Bebas Neue", sans-serif;
}
[data-rt-skin="noir"][data-rt-theme="dark"] {
    --rt-bg: #0C0C0D;
    --rt-card-bg: #151516;
    --rt-surface2: #1D1D1F;
    --rt-border: #2E2E31;
    --rt-border-strong: #444448;
    --rt-text: #F0F0EE;
    --rt-text-muted: #ABABA6;
    --rt-text-light: #86867F;
    --rt-muted: #86867F;
    --rt-primary: #E63946;
    --rt-primary-hover: #EE515C;
    --rt-primary-active: #F26B74;
    --rt-primary-soft: #351417;
    --rt-primary-fg: #0C0C0D;
    --rt-secondary: #7D93A6;
    --rt-accent: #7D93A6;
    --rt-accent-soft: #1A2128;
    --rt-accent-fg: #0C0C0D;
    --rt-success: #6FA87C;
    --rt-success-soft: #16261A;
    --rt-warning: #E0A83C;
    --rt-warning-soft: #33260E;
    --rt-danger: #FF4D5A;
    --rt-danger-soft: #3A1418;
    --rt-col-tbr: #8A97A2;
    --rt-col-reading: #E63946;
    --rt-col-done: #6FA87C;
    --rt-col-dnf: #74746F;
    --rt-star: #E0A83C;
    --rt-star-empty: #2E2E31;
    --rt-shadow: 0 1px 2px rgba(0,0,0,.42);
    --rt-shadow-hover: 0 6px 18px rgba(0,0,0,.46), 0 2px 4px rgba(0,0,0,.3);
    --rt-shadow-lg: 0 16px 36px rgba(0,0,0,.56), 0 4px 8px rgba(0,0,0,.4);
}

/* ── Уют/Cozy ── */
[data-rt-skin="cozy"] {
    --rt-bg: #F5EEE2;
    --rt-card-bg: #FDF9F1;
    --rt-surface2: #EDE3D2;
    --rt-border: #E0D4BF;
    --rt-border-strong: #CDBB9E;
    --rt-text: #2B2318;
    --rt-text-muted: #6A5C46;
    --rt-text-light: #6F6350;
    --rt-muted: #6F6350;
    --rt-primary: #B5683C;
    --rt-primary-hover: #9E5731;
    --rt-primary-active: #874827;
    --rt-primary-soft: #F6E6D8;
    --rt-primary-fg: #FDF9F1;
    --rt-secondary: #6E7A4B;
    --rt-accent: #6E7A4B;
    --rt-accent-soft: #EAEDDA;
    --rt-accent-fg: #FDF9F1;
    --rt-success: #5F7E4E;
    --rt-success-soft: #E9EFDF;
    --rt-warning: #896321;
    --rt-warning-soft: #F7ECD3;
    --rt-danger: #A5443A;
    --rt-danger-soft: #F5E0DB;
    --rt-col-tbr: #A7A277;
    --rt-col-reading: #B5683C;
    --rt-col-done: #5F7E4E;
    --rt-col-dnf: #A99A82;
    --rt-star: #D2982F;
    --rt-star-empty: #E7DAC4;
    --rt-shadow: 0 1px 2px rgba(43,35,24,.05), 0 1px 1px rgba(43,35,24,.03);
    --rt-shadow-hover: 0 4px 12px rgba(43,35,24,.07), 0 2px 4px rgba(43,35,24,.04);
    --rt-shadow-lg: 0 12px 32px rgba(43,35,24,.11), 0 4px 8px rgba(43,35,24,.05);
    --rt-font-display: "Bitter", "Roboto Slab", serif;
}
[data-rt-skin="cozy"][data-rt-theme="dark"] {
    --rt-bg: #17130D;
    --rt-card-bg: #201A12;
    --rt-surface2: #2A2318;
    --rt-border: #3A3122;
    --rt-border-strong: #4D4230;
    --rt-text: #F3EAD8;
    --rt-text-muted: #C4B295;
    --rt-text-light: #99876A;
    --rt-muted: #99876A;
    --rt-primary: #DA8B54;
    --rt-primary-hover: #E59D66;
    --rt-primary-active: #EDAD7B;
    --rt-primary-soft: #382718;
    --rt-primary-fg: #17130D;
    --rt-secondary: #A6B278;
    --rt-accent: #A6B278;
    --rt-accent-soft: #28301A;
    --rt-accent-fg: #17130D;
    --rt-success: #9CB06E;
    --rt-success-soft: #26301A;
    --rt-warning: #E0AC52;
    --rt-warning-soft: #372913;
    --rt-danger: #D6746A;
    --rt-danger-soft: #3A1F1A;
    --rt-col-tbr: #B7B183;
    --rt-col-reading: #DA8B54;
    --rt-col-done: #9CB06E;
    --rt-col-dnf: #8E7C60;
    --rt-star: #E0AC52;
    --rt-star-empty: #3A3122;
    --rt-shadow: 0 1px 2px rgba(0,0,0,.42);
    --rt-shadow-hover: 0 6px 18px rgba(0,0,0,.46), 0 2px 4px rgba(0,0,0,.3);
    --rt-shadow-lg: 0 16px 36px rgba(0,0,0,.56), 0 4px 8px rgba(0,0,0,.4);
}