/*
  SR:TS Information Hub Style - colours and font used with Mushikachi's permission.
  Given: borders #B09758, primary text #C9B789, secondary text #E3D8BC, page #14110B, frame #211C12, font Caudex Serif.
  Derived (not given): raised input colour, dim accent, hover accent.
  Swap --parchment / --parchment-dim here if the text slots feel reversed.
*/
html[data-theme="infohub"] {
    --ink: #14110B;
    --ink-surface: #211C12;
    --ink-surface-raised: #2B2517;
    --parchment: #C9B789;
    --parchment-dim: #E3D8BC;
    --saffron: #B09758;
    --saffron-dim: #7A6A3E;
    --hairline: #B09758;

    --font-serif: 'Caudex', Georgia, serif;
    --font-sans: 'Caudex', Georgia, serif;
}

html[data-theme="infohub"] .primary-btn:hover,
html[data-theme="infohub"] button[type="submit"]:hover {
    background: #C9B789;
}

/* The dropdown chevron colour is baked into an SVG, so it needs its own override */
html[data-theme="infohub"] select,
html[data-theme="infohub"] .specific-item-row .item-search-field input[type="text"] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='M3 5.5L7 9.5L11 5.5' stroke='%23B09758' stroke-width='1.6' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* Borders are bright in this theme, so the faint empty-cell text is dimmed explicitly */
html[data-theme="infohub"] td.placeholder-col {
    color: var(--saffron-dim);
}