/* This game's skin, set in Admin, Look */
@font-face { font-family: "Cinzel"; src: url("/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NCwicHVyIjoiYmxvYl9pZCJ9fQ==--9b821e1bf129a3d51909a70463ee9906abf80d4a/cinzel-400.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Cinzel"; src: url("/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NSwicHVyIjoiYmxvYl9pZCJ9fQ==--d5428c0790377394587f1e1dabd86271061528f2/cinzel-700.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Cinzel Decorative"; src: url("/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NiwicHVyIjoiYmxvYl9pZCJ9fQ==--e4128c7298461702188d3151a849c7958c93f899/cinzel-decorative-400.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Cinzel Decorative"; src: url("/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NywicHVyIjoiYmxvYl9pZCJ9fQ==--e8f5e27d949d30947d66a32f41c39243328b0a2d/cinzel-decorative-900.woff2") format("woff2"); font-weight: 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Cormorant Garamond"; src: url("/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6OCwicHVyIjoiYmxvYl9pZCJ9fQ==--f3906bddb794a9ebf6e920be3f5f781cb8690cf0/cormorant-garamond-400.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Cormorant Garamond"; src: url("/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6OSwicHVyIjoiYmxvYl9pZCJ9fQ==--a8ed4950e3671b66521528bc40c350668f443f3d/cormorant-garamond-400-italic.woff2") format("woff2"); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: "Cormorant Garamond"; src: url("/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTAsInB1ciI6ImJsb2JfaWQifX0=--e67722b4145da8a54e9dd5bcf799589520045aa4/cormorant-garamond-700.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
:root {
  --color-bg: #ffffff;
  --color-surface: #f4f7f9;
  --color-text: #173f5b;
  --color-muted: #5f7f91;
  --color-border: #8fa5a6;
  --color-accent: #175579;
  --color-notice: #e3eef5;
  --color-alert: #f3e2d4;
  --font-body: 'Cormorant Garamond', Georgia, serif;
  --font-ui: 'Cormorant Garamond', Georgia, serif;
  --font-heading: Cinzel, Georgia, serif;
  --font-title: 'Cinzel Decorative', Georgia, serif;
  --intro-image: url("/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MywicHVyIjoiYmxvYl9pZCJ9fQ==--18bc6dda4cbc675e1b73983b86a3233e3077550b/banner.jpg");
}
@media (prefers-color-scheme: dark) {
  :root {
    --color-bg: #ffffff;
    --color-surface: #f4f7f9;
    --color-text: #173f5b;
    --color-muted: #5f7f91;
    --color-border: #8fa5a6;
    --color-accent: #175579;
    --color-accent-text: #ffffff;
    --color-notice: #e3eef5;
    --color-alert: #f3e2d4;
  }
}
:root { color-scheme: light; }

/* Draganic: after the MUSH's web portal theme (2023). Deep sea blue #175579,
   lighter blue #267BA4 and old gold #A57935 on white; Cormorant Garamond for
   text, Cinzel for headings, Cinzel Decorative for the big titles. The fonts
   come with Inkwll. */

:root {
  --drag-blue: #175579;
  --drag-sky: #267ba4;
  --drag-gold: #a57935;
  --drag-mist: #8fa5a6;
}

body { font-family: "Cormorant Garamond", Georgia, serif; font-size: 1.1em; }
a { color: var(--drag-sky); }
a:hover { color: var(--drag-gold); }

/* Top bar: the deep blue of the old site header */
.site-header { background: var(--drag-blue); border-bottom: 3px solid var(--drag-gold); }
.site-header a, .site-header { color: #fff; }
/* The Menu and alerts buttons are white on the blue bar; their open panels are pale, so links there stay blue */
.site-header .menu summary, .site-header .alert-menu__summary, .site-header__log-out, .switcher__label, .site-header__player { color: #fff; }
.site-header .menu__items a, .site-header .alert-menu__panel a { color: var(--drag-blue); }
.site-header .menu__items, .site-header .alert-menu__panel { color: var(--color-text); }

/* Titles in carved capitals, the big ones in gold */
h1, h2, h3, h4, .section-title { font-family: Cinzel, Georgia, serif; }
.page-title { font-family: var(--font-title); font-weight: 400; color: var(--drag-blue); }
.page-title::first-letter { font-weight: 900; color: var(--drag-gold); }

/* Front page: the dragon over the castle behind the name, and the legend
   on a pale panel so it can be read over the painting */
.game-intro { text-align: center; padding-block: 2.5rem; }
.game-intro__title { font-weight: 400; font-size: clamp(2.6rem, 8vw, 4.5rem); color: #fff; text-shadow: 0 2px 10px rgba(10, 30, 50, 0.9); }
.game-intro__title::first-letter { font-weight: 900; color: #e3b866; }
.game-intro__blurb { max-width: 44rem; margin-inline: auto; padding: 0.75rem 1.25rem; background: rgba(255, 255, 255, 0.9); border-top: 3px solid var(--drag-gold); color: var(--color-text, #173f5b); font-size: 1.2rem; text-align: justify; }

/* Area and Place cards: white boxes edged in blue, names in Cinzel */
.place { background: #fff; border: 1px solid var(--drag-mist); border-top: 3px solid var(--drag-blue); }
.place__name { font-family: Cinzel, Georgia, serif; font-weight: 700; letter-spacing: 0.04em; }
.place__name a { color: var(--drag-blue); }

/* Group headers on an Area page: the old infobox title bars */
.board__header { background: var(--drag-blue); color: #fff; }
.board__title { font-family: var(--font-title); }
.board__title a, .board__description { color: #fff; }

/* Buttons */
.button, button, input[type=submit] { font-family: Cinzel, Georgia, serif; }

/* Forum boards */
.forum-section__title { color: var(--drag-blue); text-align: center; }

/* Wiki: gold headings, blue rules, tables like the old rank charts */
.wiki-body h2 { font-family: var(--font-title); color: var(--drag-gold); border-bottom: 1px solid var(--drag-sky); }
.wiki-body h3, .wiki-body h4 { color: var(--drag-blue); }
.wiki-body table { border-collapse: collapse; }
.wiki-body th { background: var(--drag-blue); color: #fff; font-family: Cinzel, Georgia, serif; }
.wiki-body th, .wiki-body td { border: 1px solid var(--drag-mist); padding: 0.3rem 0.6rem; vertical-align: top; }

/* The OOC Chat */
.ooc-sidebar__title { font-family: Cinzel, Georgia, serif; }