/* Light theme */
:root {
    --stripe: var(--active);
    --primary: #4caf50;
    --on-primary: #ffffff;
    --primary-container: #c8e6c9;
    --on-primary-container: #1b5e20;
    /* ... other light theme colors */
}

/* Dark theme */
[data-theme="dark"] {
    --stripe: var(--active);
    --primary: #81c784;
    --on-primary: #1b5e20;
    --primary-container: #2e7d32;
    --on-primary-container: #c8e6c9;
    /* ... other dark theme colors */
}

body {
    font-family: "Lexend", sans-serif;
}

#inventory-list {
    max-height: 50vh;
    overflow-y: auto;
}

#inventory-dialog {
    border-radius: 0;
}

.skill-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 8px;
}

.chip-container {
    display: flex;
    align-items: center;
    justify-content: center;
}

:root {
  --bc-tier-color-0: #413A64;
  --bc-tier-color-1: #636A74;
  --bc-tier-color-2: #875F45;
  --bc-tier-color-3: #5C6F4D;
  --bc-tier-color-4: #49619C;
  --bc-tier-color-5: #814F87;
  --bc-tier-color-6: #983A44;
  --bc-tier-color-7: #947014;
  --bc-tier-color-8: #538484;
  --bc-tier-color-9: #464953;
  --bc-tier-color-10: #97AFBE;

  --bc-rarity-color-0: #866d49;
  --bc-rarity-color-1: #866d49;
  --bc-rarity-color-2: #955c52;
  --bc-rarity-color-3: #6a809f;
  --bc-rarity-color-4: #c37513;
  --bc-rarity-color-5: #1096bd;
  --bc-rarity-color-6: #7e4de7;
}

.tooltip {
    max-width: 400px;
    padding: 12px;
    border-radius: 12px;
    font-size: 0.9rem;
    text-align: left;
    --background: var(--primary-container);
    --color: var(--on-primary-container);
}

.tooltip pre {
    font-family: inherit;
    white-space: pre-wrap;
    word-wrap: break-word;
    margin: 0;
}