/* ==========================================================================
   ТЕМЫ ОФОРМЛЕНИЯ

   Пять готовых палитр, значения взяты из авторских источников, а не подобраны
   на глаз — сочетания в них уже выверены:

     rose-pine   Rosé Pine            github.com/rose-pine/palette
     gruvbox     Gruvbox Dark         github.com/morhetz/gruvbox
     nord        Nord                 nordtheme.com
     solarized   Solarized Light      ethanschoonover.com/solarized
     latte       Catppuccin Latte     github.com/catppuccin/palette

   Где в палитре не хватало нужного полутона (обычно — читаемого варианта
   акцента на светлом фоне или среднего серого), значение выведено из
   родного цвета палитры и помечено словом «выведен».

   Смысл токенов:
     --c-accent        только декор: рамки, ореол, фокус, галочки
     --c-accent-label  мелкие подписи капсом — обязан быть читаемым
     --c-accent-head   заголовки и надписи на кнопках
     --a-bg-art        сила фоновой гравюры: на светлых палитрах нужна
                       чуть заметнее, иначе теряется
     --c-accent-pale   текст внутри акцентных плашек
     --c-veil-rgb      цвет «еле заметных» заливок: белый на тёмных темах,
                       чёрный на светлых, иначе они пропадают
     --c-shine-rgb     блик на карте, всегда белый: он лежит поверх скана,
                       а не поверх фона страницы
   ========================================================================== */


/* ============================ Rosé Pine · тёмная ========================= */
/* Приглушённая, «ночная». Золото и роза — канонические акценты палитры.     */

html[data-theme="rose-pine"] {
  --c-bg:            #191724;   /* base    */
  --c-bg-glow-1:     #26233a;   /* overlay */
  --c-bg-glow-2:     #1f1d2e;   /* surface */

  --c-surface:       #1f1d2e;   /* surface */
  --c-surface-deep:  #191724;   /* base    */
  --c-surface-card:  #26233a;   /* overlay */
  --c-paper:         #faf4ed;   /* dawn base — бумага под сканом */

  --c-line-rgb:      38, 35, 58;      /* overlay #26233a */
  --c-line:          rgb(var(--c-line-rgb));
  --c-line-strong:   #6e6a86;         /* muted */
  --c-scroll:        #403d52;         /* выведен: overlay ↔ muted */

  --c-accent-rgb:    246, 193, 119;   /* gold #f6c177 */
  --c-alert:         rgb(var(--c-alert-rgb));
  --c-alert-rgb:     235, 111, 146;  /* love #eb6f92 */
  --c-accent:        rgb(var(--c-accent-rgb));
  --c-accent-label:  #f6c177;         /* gold */
  --c-accent-head:   #ebbcba;         /* rose */
  --c-accent-pale:   #f6c177;         /* gold */

  --c-rev-rgb:       235, 111, 146;   /* love #eb6f92 */
  --c-rev:           rgb(var(--c-rev-rgb));
  --c-rev-text:      #eb6f92;         /* love */
  --c-rev-pale:      #ebbcba;         /* rose */

  /* Валюта. Розовое снято с самого шара в шапке (assets/img/orb.png):
     медиана его тела, hsl 346 54 69. Голубое — образец заказчика; на
     тёмной подложке оба читаются с запасом (6.2 и 8.7). */
  --c-orb-line:      #84c3f3;
  --c-orb-fill:      #db879b;
  --c-orb-num:       #84c3f3;

  --c-text:          #e0def4;   /* text   */
  --c-text-2:        #e0def4;   /* text   */
  --c-text-3:        #908caa;   /* subtle */
  --c-text-tag:      #908caa;   /* subtle */
  --c-muted:         #908caa;   /* subtle */
  --c-faint:         #6e6a86;   /* muted  */

  --c-shine-rgb:     255, 255, 255;
  --c-veil-rgb:      255, 255, 255;
  --c-shadow-rgb:    0, 0, 0;

  --a-accent-hairline: .28;
  --a-accent-border:   .45;
  --a-accent-fill:     .08;
  --a-accent-fill-hi:  .17;
  --a-accent-chip-bg:  .10;
  --a-accent-chip-br:  .22;
  --a-glow:            .13;
  --a-bg-art:          .07;
  --a-shadow-card:     .62;
  --a-shadow-card-hi:  .70;
  --a-shadow-panel:    .50;
  --a-veil-tag:        .025;
  --a-veil-hover:      .03;
}


/* ========================== Gruvbox Dark · тёмная ======================== */
/* Тёплая ретро-палитра. Из всех пяти лучше всего дружит с кремовой бумагой  */
/* оригинальных сканов RWS: фон и карта в одной температуре.                 */

:root,
html[data-theme="gruvbox"] {
  --c-bg:            #282828;   /* dark0      */
  --c-bg-glow-1:     #3c3836;   /* dark1      */
  --c-bg-glow-2:     #32302f;   /* dark0_soft */

  --c-surface:       #3c3836;   /* dark1      */
  --c-surface-deep:  #282828;   /* dark0      */
  --c-surface-card:  #1d2021;   /* dark0_hard */
  --c-paper:         #fbf1c7;   /* light0     */

  --c-line-rgb:      80, 73, 69;       /* dark2 #504945 */
  --c-line:          rgb(var(--c-line-rgb));
  --c-line-strong:   #7c6f64;          /* dark4 */
  --c-scroll:        #665c54;          /* dark3 */

  --c-accent-rgb:    215, 153, 33;     /* neutral_yellow #d79921 */
  --c-alert:         rgb(var(--c-alert-rgb));
  --c-alert-rgb:     251, 73, 52;     /* bright_red #fb4934 */
  --c-accent:        rgb(var(--c-accent-rgb));
  --c-accent-label:  #d79921;          /* neutral_yellow */
  --c-accent-head:   #fabd2f;          /* bright_yellow  */
  --c-accent-pale:   #ebdbb2;          /* light1         */

  --c-rev-rgb:       254, 128, 25;     /* bright_orange #fe8019 */
  --c-rev:           rgb(var(--c-rev-rgb));
  --c-rev-text:      #fe8019;          /* bright_orange */
  --c-rev-pale:      #ebdbb2;          /* light1        */

  /* Валюта. Розовое снято с шара в шапке, голубое — образец
     заказчика: 4.4 и 6.1 к подложке. */
  --c-orb-line:      #84c3f3;
  --c-orb-fill:      #db879b;
  --c-orb-num:       #84c3f3;

  --c-text:          #ebdbb2;   /* light1 */
  --c-text-2:        #ebdbb2;   /* light1 */
  --c-text-3:        #d5c4a1;   /* light2 */
  --c-text-tag:      #bdae93;   /* light3 */
  --c-muted:         #a89984;   /* light4 */
  --c-faint:         #928374;   /* gray   */

  --c-shine-rgb:     255, 255, 255;
  --c-veil-rgb:      255, 255, 255;
  --c-shadow-rgb:    0, 0, 0;

  --a-accent-hairline: .30;
  --a-accent-border:   .48;
  --a-accent-fill:     .09;
  --a-accent-fill-hi:  .18;
  --a-accent-chip-bg:  .11;
  --a-accent-chip-br:  .24;
  --a-glow:            .14;
  --a-bg-art:          .07;
  --a-shadow-card:     .58;
  --a-shadow-card-hi:  .66;
  --a-shadow-panel:    .46;
  --a-veil-tag:        .03;
  --a-veil-hover:      .04;
}


/* ============================== Nord · тёмная ============================ */
/* Холодная «арктическая». Акцент — фирменный frost, а не золото:            */
/* даёт лунный, отстранённый тон и хорошо контрастирует с двумя тёплыми.     */

html[data-theme="nord"] {
  --c-bg:            #2e3440;   /* nord0 */
  --c-bg-glow-1:     #3b4252;   /* nord1 */
  --c-bg-glow-2:     #434c5e;   /* nord2 */

  --c-surface:       #3b4252;   /* nord1 */
  --c-surface-deep:  #2e3440;   /* nord0 */
  --c-surface-card:  #272c36;   /* выведен: темнее nord0 */
  --c-paper:         #eceff4;   /* nord6 */

  --c-line-rgb:      67, 76, 94;      /* nord2 #434c5e */
  --c-line:          rgb(var(--c-line-rgb));
  --c-line-strong:   #4c566a;         /* nord3 */
  --c-scroll:        #4c566a;         /* nord3 */

  --c-accent-rgb:    136, 192, 208;   /* nord8 #88c0d0 */
  --c-alert:         rgb(var(--c-alert-rgb));
  --c-alert-rgb:     208, 135, 112;   /* aurora orange #d08770 */
  --c-accent:        rgb(var(--c-accent-rgb));
  --c-accent-label:  #88c0d0;         /* nord8 */
  --c-accent-head:   #8fbcbb;         /* nord7 */
  --c-accent-pale:   #d8dee9;         /* nord4 */

  --c-rev-rgb:       208, 135, 112;   /* nord12 #d08770 */
  --c-rev:           rgb(var(--c-rev-rgb));
  --c-rev-text:      #dba391;         /* выведен: nord12 высветлен,
                                        родной на nord1 даёт 3.5:1 */
  --c-rev-pale:      #e5e9f0;         /* nord5  */

  /* Валюта. Розовое снято с шара в шапке. Акцент темы сам голубой,
     но он глуше и зеленее контура сферы, а розовое тело держит
     опознание на себе: 3.8 и 5.3 к подложке. */
  --c-orb-line:      #84c3f3;
  --c-orb-fill:      #db879b;
  --c-orb-num:       #84c3f3;

  --c-text:          #eceff4;   /* nord6 */
  --c-text-2:        #e5e9f0;   /* nord5 */
  --c-text-3:        #d8dee9;   /* nord4 */
  --c-text-tag:      #d8dee9;   /* nord4 */
  --c-muted:         #969ead;   /* выведен: палитре не хватает среднего серого,
                                   родной nord3 на nord0 даёт всего 2.4:1 */
  --c-faint:         #77808f;   /* выведен, там же */

  --c-shine-rgb:     255, 255, 255;
  --c-veil-rgb:      255, 255, 255;
  --c-shadow-rgb:    0, 0, 0;

  --a-accent-hairline: .30;
  --a-accent-border:   .45;
  --a-accent-fill:     .09;
  --a-accent-fill-hi:  .18;
  --a-accent-chip-bg:  .11;
  --a-accent-chip-br:  .24;
  --a-glow:            .12;
  --a-bg-art:          .065;
  --a-shadow-card:     .52;
  --a-shadow-card-hi:  .60;
  --a-shadow-panel:    .42;
  --a-veil-tag:        .03;
  --a-veil-hover:      .04;
}


/* ========================= Solarized Light · светлая ===================== */
/* Тёплый пергамент. Бумага карт и фон страницы почти совпадают по тону,     */
/* карта читается как лист, положенный на стол.                              */

html[data-theme="solarized"] {
  --c-bg:            #eee8d5;   /* base2 */
  --c-bg-glow-1:     #fdf6e3;   /* base3 */
  --c-bg-glow-2:     #f5efdc;   /* выведен: base3 ↔ base2 */

  --c-surface:       #fdf6e3;   /* base3 */
  --c-surface-deep:  #f5efdc;   /* выведен: base3 ↔ base2 */
  --c-surface-card:  #eee8d5;   /* base2 */
  --c-paper:         #fdf6e3;   /* base3 */

  --c-line-rgb:      147, 161, 161;   /* base1 #93a1a1 */
  --c-line:          rgb(var(--c-line-rgb));
  --c-line-strong:   #657b83;         /* base00 */
  --c-scroll:        #93a1a1;         /* base1  */

  --c-accent-rgb:    181, 137, 0;     /* yellow #b58900 */
  --c-alert:         rgb(var(--c-alert-rgb));
  --c-alert-rgb:     211, 54, 130;    /* magenta #d33682 */
  --c-accent:        rgb(var(--c-accent-rgb));
  --c-accent-label:  #826200;         /* выведен: yellow затемнён,
                                         родной на base3 даёт 3.3:1 —
                                         для подписей 11px мало */
  --c-accent-head:   #826200;         /* там же */
  --c-accent-pale:   #586e75;         /* base01 */

  --c-rev-rgb:       203, 75, 22;     /* orange #cb4b16 */
  --c-rev:           rgb(var(--c-rev-rgb));
  --c-rev-text:      #a23c12;         /* выведен: orange затемнён */
  --c-rev-pale:      #586e75;         /* base01 */

  /* Валюта в глубине. Собственный цвет шара даёт на кремовой бумаге
     2.4, голубой образца — 1.8 при норме 4.5 для цифр. Тон сохранён
     с точностью до градуса (346 и 206), опущена светлота: 4.4 и 6.2. */
  --c-orb-line:      #13609a;
  --c-orb-fill:      #c74361;
  --c-orb-num:       #13609a;

  --c-text:          #073642;   /* base02 */
  --c-text-2:        #586e75;   /* base01 */
  --c-text-3:        #586e75;   /* base01 */
  --c-text-tag:      #586e75;   /* base01 */
  --c-muted:         #546a70;   /* выведен: base01 чуть темнее — родной
                                   на base2 не дотягивает до 4.5:1 */
  --c-faint:         #657b83;   /* base00 */

  --c-shine-rgb:     255, 255, 255;
  --c-veil-rgb:      0, 0, 0;         /* на светлом «вуаль» должна темнить */
  --c-shadow-rgb:    88, 110, 117;    /* base01: тень тёплая, не чёрная */

  --a-accent-hairline: .35;
  --a-accent-border:   .55;
  --a-accent-fill:     .10;
  --a-accent-fill-hi:  .20;
  --a-accent-chip-bg:  .12;
  --a-accent-chip-br:  .30;
  --a-glow:            .16;
  --a-bg-art:          .12;
  --a-shadow-card:     .30;
  --a-shadow-card-hi:  .38;
  --a-shadow-panel:    .18;
  --a-veil-tag:        .03;
  --a-veil-hover:      .05;
}


/* ======================= Catppuccin Latte · светлая ====================== */
/* Прохладная, нейтральная. Не спорит с цветом карт и выглядит современнее   */
/* пергамента — второй светлый вариант нарочно сделан другой температуры.    */

html[data-theme="latte"] {
  --c-bg:            #e6e9ef;   /* mantle */
  --c-bg-glow-1:     #eff1f5;   /* base   */
  --c-bg-glow-2:     #dce0e8;   /* crust  */

  --c-surface:       #eff1f5;   /* base   */
  --c-surface-deep:  #e9edf2;   /* выведен: base ↔ mantle */
  --c-surface-card:  #dce0e8;   /* crust  */
  --c-paper:         #eff1f5;   /* base   */

  --c-line-rgb:      204, 208, 218;   /* surface0 #ccd0da */
  --c-line:          rgb(var(--c-line-rgb));
  --c-line-strong:   #9ca0b0;         /* overlay0 */
  --c-scroll:        #bcc0cc;         /* surface1 */

  --c-accent-rgb:    223, 142, 29;    /* yellow #df8e1d */
  --c-alert:         rgb(var(--c-alert-rgb));
  --c-alert-rgb:     210, 15, 57;     /* red #d20f39 */
  --c-accent:        rgb(var(--c-accent-rgb));
  --c-accent-label:  #905c13;         /* выведен: yellow затемнён,
                                         родной на base даёт 2.6:1 */
  --c-accent-head:   #905c13;         /* там же */
  --c-accent-pale:   #5c5f77;         /* subtext1 */

  --c-rev-rgb:       230, 69, 83;     /* maroon #e64553 */
  --c-rev:           rgb(var(--c-rev-rgb));
  --c-rev-text:      #ac343e;         /* выведен: maroon затемнён */
  --c-rev-pale:      #5c5f77;         /* subtext1 */

  /* Валюта в глубине, как в solarized: на холодном светло-сером
     собственные цвета дают 2.3 и 1.7. */
  --c-orb-line:      #13609a;
  --c-orb-fill:      #c74361;
  --c-orb-num:       #13609a;

  --c-text:          #4c4f69;   /* text     */
  --c-text-2:        #4c4f69;   /* text     */
  --c-text-3:        #5c5f77;   /* subtext1 */
  --c-text-tag:      #5c5f77;   /* subtext1 */
  --c-muted:         #5c5f77;   /* subtext1 */
  --c-faint:         #6c6f85;   /* subtext0 */

  --c-shine-rgb:     255, 255, 255;
  --c-veil-rgb:      0, 0, 0;
  --c-shadow-rgb:    76, 79, 105;     /* text: тень в тон палитры */

  --a-accent-hairline: .35;
  --a-accent-border:   .55;
  --a-accent-fill:     .10;
  --a-accent-fill-hi:  .20;
  --a-accent-chip-bg:  .12;
  --a-accent-chip-br:  .30;
  --a-glow:            .14;
  --a-bg-art:          .11;
  --a-shadow-card:     .26;
  --a-shadow-card-hi:  .34;
  --a-shadow-panel:    .16;
  --a-veil-tag:        .03;
  --a-veil-hover:      .05;
}