/* Dreamwar modern theme tokens.
   Generated by tools/generate-modern-tokens-css-v1.py from design/tokens.json.
   Do not edit by hand. Primary theme: dark. Secondary theme: light. */

:root {
  --bg: #12100e;
  --surface: #1c1917;
  --surface-2: #241f1a;
  --sunken: #17140f;
  --line: #3a332c;
  --line-2: #2a2420;
  --line-strong: #4a4137;
  --text: #e8e3da;
  --muted: #a29a8c;
  --dim: #6e665a;
  --accent: #c8952e;
  --accent-text: #e0b65c;
  --accent-soft: #3a2e1c;
  --danger: #8c3a3a;
  --danger-text: #e89090;
  --danger-soft: #241c1a;
  --danger-line: #5a3232;
  --alert: #e03131;
  --alert-on: #fff1f0;
  --ok: #55703a;
  --ok-text: #9bc47a;
  --mana: #2654a7;
  --team1: #82aaff;
  --team2: #ff8a80;
  --notice: #1e1a16;
  --notice-line: #4a4137;
  --quest-taken: #2c2612;
  --quest-taken-line: #c9a23a;
  --quest-ready: #1b2814;
  --quest-ready-line: #77a64a;
  --drop-1: #818181;
  --drop-2: #7474e7;
  --drop-3: #f27979;
  --drop-4: #a954ff;
  --drop-5: #f76d3b;
  --drop-6: #00ff00;
  --drop-7: #42aaff;
  --drop-8: #ff00ff;
  --nick-admin: #ff1919;
  --nick-adm: #86bbd4;
  --nick-mod: #9cd0b1;
  --nick-vip: #297efe;
  --nick-art: #aa54ff;
  --valor-1: #ff6a3d;
  --valor-2: #6f86ff;
  --valor-3: #3fb45a;
  --clan-art: #9dbd4a;
  --wear-1: #e0605a;
  --wear-2: #7f8cff;
  --wear-3: #4fae6c;
  --rune-ice: #6aa8ff;

  --font-display: Philosopher, Georgia, 'Times New Roman', serif;
  --font-body: 'Golos Text', 'Segoe UI', Tahoma, sans-serif;
  --text-display-family: var(--font-display);
  --text-display-size: 30px;
  --text-display-line: 1.1;
  --text-display-weight: 400;
  --text-h1-family: var(--font-display);
  --text-h1-size: 24px;
  --text-h1-line: 1.1;
  --text-h1-weight: 400;
  --text-h2-family: var(--font-display);
  --text-h2-size: 17px;
  --text-h2-line: 1.15;
  --text-h2-weight: 400;
  --text-stat-family: var(--font-display);
  --text-stat-size: 18px;
  --text-stat-line: 1.1;
  --text-stat-weight: 400;
  --text-section-family: var(--font-display);
  --text-section-size: 12px;
  --text-section-line: 1.3;
  --text-section-weight: 400;
  --text-section-tracking: 0.08em;
  --text-body-family: var(--font-body);
  --text-body-size: 15px;
  --text-body-line: 1.45;
  --text-body-weight: 400;
  --text-body-sm-family: var(--font-body);
  --text-body-sm-size: 14px;
  --text-body-sm-line: 1.4;
  --text-body-sm-weight: 400;
  --text-caption-family: var(--font-body);
  --text-caption-size: 12px;
  --text-caption-line: 1.35;
  --text-caption-weight: 400;
  --text-button-family: var(--font-body);
  --text-button-size: 16px;
  --text-button-line: 1.2;
  --text-button-weight: 600;
  --text-tab-family: var(--font-body);
  --text-tab-size: 11px;
  --text-tab-line: 1.2;
  --text-tab-weight: 400;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --touch: 44px;
  --tab-height: 56px;
  --rail: 224px;
  --aside: 288px;
  /* 2026-09-26 owner: wider on desktop; was 1520px. */
  --page-max: 1800px;
  /* Rows per column of a two-column list on the desktop; the template
     sets it on the list from the page size (online.php). */
  --dw-rows: 5;
  /* Height of the mail reply bar; the talk script sets it on the chat
     card as the box grows, the "to the last letter" button sits above. */
  --dw-reply-h: 60px;
  /* Height of the on-screen keyboard over the page (phone); the talk script
     sets it from visualViewport while the reply box is focused, so the
     sticky reply bar rises above the keyboard instead of hiding under it. */
  --dw-kb: 0px;
  /* The least text size of an entry field on the phone (the rule is in
     base.css): Safari on the iPhone zooms the page into a field under 16px.
     A field that wants more sets its own value next to its font-size. */
  --dw-field-size: 16px;
  --head-height: 52px;
  /* Clan emblem side (templates-modern/dw_emb.html sets its own per place). */
  --emb: 24px;
  /* Its width: the side unless dw_emb.html gets w= (wide emblems in a chip). */
  --emb-w: 24px;
  /* Icon of a count on the forum (topics, messages, views): each .dw-num--*
     sets its own drawing; none by default. */
  --num-ic: none;
  /* Status icon side (templates-modern/dw_st.html sets its own per place). */
  --st: 20px;
  /* Lands cell colour (location_types.color): world/newWorld.html sets it
     on every cell of the move cross and on the cell header. */
  --ld-c: transparent;

  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-pill: 17px;
  --radius-round: 50%;
}

/* Device setting, when the player has not chosen a theme. */
@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    --bg: #f4efe6;
    --surface: #fffdf8;
    --surface-2: #f0e9dd;
    --sunken: #ede6d9;
    --line: #d9d0c1;
    --line-2: #e8e0d3;
    --line-strong: #c9bda9;
    --text: #1e1a15;
    --muted: #6b6257;
    --dim: #9a9082;
    --accent: #9a6b1a;
    --accent-text: #7a5312;
    --accent-soft: #f3e3bf;
    --danger: #9b3535;
    --danger-text: #8a2e2e;
    --danger-soft: #fbedea;
    --danger-line: #e4b9b3;
    --alert: #c92a2a;
    --alert-on: #fff1f0;
    --ok: #4e6b32;
    --ok-text: #3e5a28;
    --mana: #2f5fb3;
    --team1: #2457b8;
    --team2: #b3261e;
    --notice: #fbf3e3;
    --notice-line: #e3d2ae;
    --quest-taken: #fcf1c4;
    --quest-taken-line: #b8901f;
    --quest-ready: #e4f1d6;
    --quest-ready-line: #4f8a2c;
    --drop-1: #606060;
    --drop-2: #2e2aa8;
    --drop-3: #d01030;
    --drop-4: #9b30e8;
    --drop-5: #b85200;
    --drop-6: #008900;
    --drop-7: #0076d7;
    --drop-8: #d1008f;
    --nick-admin: #c10000;
    --nick-adm: #387d9e;
    --nick-mod: #3e835a;
    --nick-vip: #0b6cfe;
    --nick-art: #8000ff;
    --valor-1: #ff4500;
    --valor-2: #0000ff;
    --valor-3: #006400;
    --clan-art: #6b8e23;
    --wear-1: #840000;
    --wear-2: #01018b;
    --wear-3: #105626;
    --rune-ice: #1d5fc4;
  }
}

/* Explicit choice, stored in users.skin. */
:root[data-theme="light"] {
  --bg: #f4efe6;
  --surface: #fffdf8;
  --surface-2: #f0e9dd;
  --sunken: #ede6d9;
  --line: #d9d0c1;
  --line-2: #e8e0d3;
  --line-strong: #c9bda9;
  --text: #1e1a15;
  --muted: #6b6257;
  --dim: #9a9082;
  --accent: #9a6b1a;
  --accent-text: #7a5312;
  --accent-soft: #f3e3bf;
  --danger: #9b3535;
  --danger-text: #8a2e2e;
  --danger-soft: #fbedea;
  --danger-line: #e4b9b3;
  --alert: #c92a2a;
  --alert-on: #fff1f0;
  --ok: #4e6b32;
  --ok-text: #3e5a28;
  --mana: #2f5fb3;
  --team1: #2457b8;
  --team2: #b3261e;
  --notice: #fbf3e3;
  --notice-line: #e3d2ae;
  --quest-taken: #fcf1c4;
  --quest-taken-line: #b8901f;
  --quest-ready: #e4f1d6;
  --quest-ready-line: #4f8a2c;
  --drop-1: #606060;
  --drop-2: #2e2aa8;
  --drop-3: #d01030;
  --drop-4: #9b30e8;
  --drop-5: #b85200;
  --drop-6: #008900;
  --drop-7: #0076d7;
  --drop-8: #d1008f;
  --nick-admin: #c10000;
  --nick-adm: #387d9e;
  --nick-mod: #3e835a;
  --nick-vip: #0b6cfe;
  --nick-art: #8000ff;
  --valor-1: #ff4500;
  --valor-2: #0000ff;
  --valor-3: #006400;
  --clan-art: #6b8e23;
  --wear-1: #840000;
  --wear-2: #01018b;
  --wear-3: #105626;
  --rune-ice: #1d5fc4;
}

:root[data-theme="dark"] {
  --bg: #12100e;
  --surface: #1c1917;
  --surface-2: #241f1a;
  --sunken: #17140f;
  --line: #3a332c;
  --line-2: #2a2420;
  --line-strong: #4a4137;
  --text: #e8e3da;
  --muted: #a29a8c;
  --dim: #6e665a;
  --accent: #c8952e;
  --accent-text: #e0b65c;
  --accent-soft: #3a2e1c;
  --danger: #8c3a3a;
  --danger-text: #e89090;
  --danger-soft: #241c1a;
  --danger-line: #5a3232;
  --alert: #e03131;
  --alert-on: #fff1f0;
  --ok: #55703a;
  --ok-text: #9bc47a;
  --mana: #2654a7;
  --team1: #82aaff;
  --team2: #ff8a80;
  --notice: #1e1a16;
  --notice-line: #4a4137;
  --quest-taken: #2c2612;
  --quest-taken-line: #c9a23a;
  --quest-ready: #1b2814;
  --quest-ready-line: #77a64a;
  --drop-1: #818181;
  --drop-2: #7474e7;
  --drop-3: #f27979;
  --drop-4: #a954ff;
  --drop-5: #f76d3b;
  --drop-6: #00ff00;
  --drop-7: #42aaff;
  --drop-8: #ff00ff;
  --nick-admin: #ff1919;
  --nick-adm: #86bbd4;
  --nick-mod: #9cd0b1;
  --nick-vip: #297efe;
  --nick-art: #aa54ff;
  --valor-1: #ff6a3d;
  --valor-2: #6f86ff;
  --valor-3: #3fb45a;
  --clan-art: #9dbd4a;
  --wear-1: #e0605a;
  --wear-2: #7f8cff;
  --wear-3: #4fae6c;
  --rune-ice: #6aa8ff;
}