/* Generated by optfall-theme. Do not edit — change the tokens. */
:root {
  color-scheme: dark;
  --of-type-family-display: Grenze, Palatino, 'Palatino Linotype', 'Book Antiqua', Georgia, serif;
  --of-type-family-serif: Palatino, 'Palatino Linotype', 'Book Antiqua', Georgia, serif;
  --of-type-family-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --of-type-size-legal: 0.6875rem;
  --of-type-size-micro: 0.75rem;
  --of-type-size-small: 0.875rem;
  --of-type-size-base: 0.9375rem;
  --of-type-size-large: 1.125rem;
  --of-type-size-title: 1.5rem;
  --of-type-size-display: 2.25rem;
  --of-type-weight-regular: 400;
  --of-type-weight-medium: 500;
  --of-type-weight-bold: 700;
  --of-type-leading-tight: 1.15;
  --of-type-leading-base: 1.5;
  --of-type-leading-loose: 1.7;
  --of-type-tracking-wide: 0.09em;
  --of-type-tracking-tight: -0.01em;
  --of-type-tracking-normal: 0;
  --of-type-measure: 46rem;
  --of-space-hair: 1px;
  --of-space-tightest: 0.125rem;
  --of-space-tighter: 0.25rem;
  --of-space-tight: 0.5rem;
  --of-space-base: 0.75rem;
  --of-space-loose: 1rem;
  --of-space-looser: 1.5rem;
  --of-space-loosest: 2.5rem;
  --of-bevel-width: 1px;
  --of-bevel-radius: 0;
  --of-ornament-notch-size: 0.5rem;
  --of-ornament-rule-width: 1px;
  --of-ornament-filigree-size: 1.25rem;
  --of-ornament-stat-size: 2.25rem;
  --of-ornament-symbol-shift: -0.15em;
  --of-ornament-cut-jewel: polygon(50% 0%, 85% 15%, 100% 50%, 85% 85%, 50% 100%, 15% 85%, 0% 50%, 15% 15%);
  --of-ornament-cut-hexagon: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%);
  --of-ornament-cut-lean-end: polygon(0 0, 100% 0, 100% calc(100% - var(--chamfer)), calc(100% - var(--chamfer)) 100%, 0 100%);
  --of-ornament-cut-lean-start: polygon(0 0, 100% 0, 100% 100%, var(--chamfer) 100%, 0 calc(100% - var(--chamfer)));
  --of-ornament-cut-plain: none;
  --of-ornament-cut-diagonal-start: polygon(var(--chamfer) 0, 100% 0, 100% calc(100% - var(--chamfer)), calc(100% - var(--chamfer)) 100%, 0 100%, 0 var(--chamfer));
  --of-ornament-cut-diagonal-end: polygon(0 0, calc(100% - var(--chamfer)) 0, 100% var(--chamfer), 100% 100%, var(--chamfer) 100%, 0 calc(100% - var(--chamfer)));
  --of-ornament-cut-crown: polygon(var(--chamfer) 0, calc(100% - var(--chamfer)) 0, 100% var(--chamfer), 100% 100%, 0 100%, 0 var(--chamfer));
  --of-ornament-cut-side-end: polygon(0 0, calc(100% - var(--chamfer)) 0, 100% var(--chamfer), 100% calc(100% - var(--chamfer)), calc(100% - var(--chamfer)) 100%, 0 100%);
  --of-ornament-cut-side-start: polygon(var(--chamfer) 0, 100% 0, 100% 100%, var(--chamfer) 100%, 0 calc(100% - var(--chamfer)), 0 var(--chamfer));
  --of-ornament-cut-disc: circle(50% at 50% 50%);
  --of-ornament-cut-shield: polygon(0 0, 100% 0, 100% 72%, 50% 100%, 0 72%);
  --of-ornament-jewel-small: 1.25rem;
  --of-ornament-jewel-base: 2.375rem;
  --of-ornament-jewel-large: 3.375rem;
  --of-ornament-mark-small: 0.875rem;
  --of-ornament-mark-base: 1.25rem;
  --of-ornament-mark-large: 1.75rem;
  --of-ornament-band-small: 0.875rem;
  --of-ornament-band-base: 1.25rem;
  --of-card-face-thumb: 11.25rem;
  --of-card-face-normal: 28.125rem;
  --of-layout-page-measure: 46rem;
  --of-layout-page-wide: calc(var(--of-card-face-normal) + var(--of-space-loosest) + var(--of-type-measure));
  --of-layout-card-cell: 15rem;
  --of-layout-card-row: 2.75rem;
  --of-layout-page-index: calc(4 * var(--of-layout-card-cell) + 3 * var(--of-space-tight));
  --of-motion-fast: 120ms;
  --of-motion-base: 180ms;
  --of-motion-slow: 280ms;
  --of-motion-ease: cubic-bezier(0.2, 0, 0.2, 1);
  --of-color-ground: #1a1a1a;
  --of-color-sunken: #131313;
  --of-color-surface: #232323;
  --of-color-surface-raised: #2c2c2c;
  --of-color-ink: #ededed;
  --of-color-ink-muted: #a6a6a6;
  --of-color-ink-faint: #6e6e6e;
  --of-color-ink-inverse: #0b0b0b;
  --of-color-rule: #2b2b2b;
  --of-color-rule-strong: #3f3f3f;
  --of-color-accent: #cf1f2b;
  --of-color-accent-hover: #d92531;
  --of-color-accent-ink: #ffffff;
  --of-color-brass: #b08d3f;
  --of-color-brass-ink: #141007;
  --of-color-brass-edge: #d8b45f;
  --of-color-pitch-none: #4a4a4a;
  --of-color-pitch-none-ink: #ededed;
  --of-color-pitch-one: #c62b30;
  --of-color-pitch-one-ink: #ffffff;
  --of-color-pitch-two: #d9a520;
  --of-color-pitch-two-ink: #171307;
  --of-color-pitch-three: #3277bd;
  --of-color-pitch-three-ink: #ffffff;
  --of-color-pitch-four: #8a4fbf;
  --of-color-pitch-four-ink: #ffffff;
  --of-color-pitch-facet: #ffffff;
  --of-color-state-legal: #2f7d4f;
  --of-color-state-legal-ink: #ffffff;
  --of-color-state-banned: #a3131b;
  --of-color-state-banned-ink: #ffffff;
  --of-color-state-suspended: #8f5415;
  --of-color-state-suspended-ink: #ffffff;
  --of-color-state-restricted: #6f5aa6;
  --of-color-state-restricted-ink: #ffffff;
  --of-color-state-living-legend: #46606f;
  --of-color-state-living-legend-ink: #ffffff;
  --of-color-state-not-in-format: #4a4a4a;
  --of-color-state-not-in-format-ink: #ffffff;
  --of-color-state-verified: #b08d3f;
  --of-color-state-verified-ink: #141007;
  --of-color-state-unverified: #8a6a12;
  --of-color-state-unverified-ink: #ffffff;
  --of-color-stat-power: #d9a520;
  --of-color-stat-power-ink: #171307;
  --of-color-stat-defence: #a9a9a9;
  --of-color-stat-defence-ink: #141414;
  --of-color-stat-cost: #5e5e5e;
  --of-color-stat-cost-ink: #ededed;
  --of-color-stat-intellect: #7ec4e6;
  --of-color-stat-intellect-ink: #0b1519;
  --of-color-stat-life: #5aa544;
  --of-color-stat-life-ink: #0a1405;
  --of-color-stat-absent: #3a3a3a;
  --of-color-stat-absent-ink: #c8c8c8;
  --of-color-rarity-common: #6e6e6e;
  --of-color-rarity-common-ink: #ffffff;
  --of-color-rarity-rare: #8a6a2f;
  --of-color-rarity-rare-ink: #ffffff;
  --of-color-rarity-super: #3d6e95;
  --of-color-rarity-super-ink: #ffffff;
  --of-color-rarity-majestic: #c9971f;
  --of-color-rarity-majestic-ink: #171307;
  --of-color-rarity-legendary: #f7dc3f;
  --of-color-rarity-legendary-ink: #171307;
  --of-color-rarity-fabled: #b0431f;
  --of-color-rarity-fabled-ink: #ffffff;
  --of-color-rarity-token: #4a4a4a;
  --of-color-rarity-token-ink: #ededed;
  --of-color-rarity-basic: #3f5764;
  --of-color-rarity-basic-ink: #ffffff;
  --of-color-rarity-marvel: #2f7d6f;
  --of-color-rarity-marvel-ink: #ffffff;
  --of-color-rarity-promo: #8a5a8a;
  --of-color-rarity-promo-ink: #ffffff;
  --of-bevel-light: rgba(255, 255, 255, 0.09);
  --of-bevel-dark: rgba(0, 0, 0, 0.6);
  --of-ornament-filigree-ink: #3f3f3f;
  --of-color-focus: #d8b45f;
}

:root[data-optfall-theme="light"] {
  color-scheme: light;
  --of-type-family-display: Grenze, Palatino, 'Palatino Linotype', 'Book Antiqua', Georgia, serif;
  --of-type-family-serif: Palatino, 'Palatino Linotype', 'Book Antiqua', Georgia, serif;
  --of-type-family-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --of-type-size-legal: 0.6875rem;
  --of-type-size-micro: 0.75rem;
  --of-type-size-small: 0.875rem;
  --of-type-size-base: 0.9375rem;
  --of-type-size-large: 1.125rem;
  --of-type-size-title: 1.5rem;
  --of-type-size-display: 2.25rem;
  --of-type-weight-regular: 400;
  --of-type-weight-medium: 500;
  --of-type-weight-bold: 700;
  --of-type-leading-tight: 1.15;
  --of-type-leading-base: 1.5;
  --of-type-leading-loose: 1.7;
  --of-type-tracking-wide: 0.09em;
  --of-type-tracking-tight: -0.01em;
  --of-type-tracking-normal: 0;
  --of-type-measure: 46rem;
  --of-space-hair: 1px;
  --of-space-tightest: 0.125rem;
  --of-space-tighter: 0.25rem;
  --of-space-tight: 0.5rem;
  --of-space-base: 0.75rem;
  --of-space-loose: 1rem;
  --of-space-looser: 1.5rem;
  --of-space-loosest: 2.5rem;
  --of-bevel-width: 1px;
  --of-bevel-radius: 0;
  --of-ornament-notch-size: 0.5rem;
  --of-ornament-rule-width: 1px;
  --of-ornament-filigree-size: 1.25rem;
  --of-ornament-stat-size: 2.25rem;
  --of-ornament-symbol-shift: -0.15em;
  --of-ornament-cut-jewel: polygon(50% 0%, 85% 15%, 100% 50%, 85% 85%, 50% 100%, 15% 85%, 0% 50%, 15% 15%);
  --of-ornament-cut-hexagon: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%);
  --of-ornament-cut-lean-end: polygon(0 0, 100% 0, 100% calc(100% - var(--chamfer)), calc(100% - var(--chamfer)) 100%, 0 100%);
  --of-ornament-cut-lean-start: polygon(0 0, 100% 0, 100% 100%, var(--chamfer) 100%, 0 calc(100% - var(--chamfer)));
  --of-ornament-cut-plain: none;
  --of-ornament-cut-diagonal-start: polygon(var(--chamfer) 0, 100% 0, 100% calc(100% - var(--chamfer)), calc(100% - var(--chamfer)) 100%, 0 100%, 0 var(--chamfer));
  --of-ornament-cut-diagonal-end: polygon(0 0, calc(100% - var(--chamfer)) 0, 100% var(--chamfer), 100% 100%, var(--chamfer) 100%, 0 calc(100% - var(--chamfer)));
  --of-ornament-cut-crown: polygon(var(--chamfer) 0, calc(100% - var(--chamfer)) 0, 100% var(--chamfer), 100% 100%, 0 100%, 0 var(--chamfer));
  --of-ornament-cut-side-end: polygon(0 0, calc(100% - var(--chamfer)) 0, 100% var(--chamfer), 100% calc(100% - var(--chamfer)), calc(100% - var(--chamfer)) 100%, 0 100%);
  --of-ornament-cut-side-start: polygon(var(--chamfer) 0, 100% 0, 100% 100%, var(--chamfer) 100%, 0 calc(100% - var(--chamfer)), 0 var(--chamfer));
  --of-ornament-cut-disc: circle(50% at 50% 50%);
  --of-ornament-cut-shield: polygon(0 0, 100% 0, 100% 72%, 50% 100%, 0 72%);
  --of-ornament-jewel-small: 1.25rem;
  --of-ornament-jewel-base: 2.375rem;
  --of-ornament-jewel-large: 3.375rem;
  --of-ornament-mark-small: 0.875rem;
  --of-ornament-mark-base: 1.25rem;
  --of-ornament-mark-large: 1.75rem;
  --of-ornament-band-small: 0.875rem;
  --of-ornament-band-base: 1.25rem;
  --of-card-face-thumb: 11.25rem;
  --of-card-face-normal: 28.125rem;
  --of-layout-page-measure: 46rem;
  --of-layout-page-wide: calc(var(--of-card-face-normal) + var(--of-space-loosest) + var(--of-type-measure));
  --of-layout-card-cell: 15rem;
  --of-layout-card-row: 2.75rem;
  --of-layout-page-index: calc(4 * var(--of-layout-card-cell) + 3 * var(--of-space-tight));
  --of-motion-fast: 120ms;
  --of-motion-base: 180ms;
  --of-motion-slow: 280ms;
  --of-motion-ease: cubic-bezier(0.2, 0, 0.2, 1);
  --of-color-ground: #d5d5d5;
  --of-color-sunken: #c4c4c4;
  --of-color-surface: #e0e0e0;
  --of-color-surface-raised: #ececec;
  --of-color-ink: #161616;
  --of-color-ink-muted: #474747;
  --of-color-ink-faint: #6b6b6b;
  --of-color-ink-inverse: #f2f2f2;
  --of-color-rule: #b4b4b4;
  --of-color-rule-strong: #8f8f8f;
  --of-color-accent: #94101a;
  --of-color-accent-hover: #7a0d15;
  --of-color-accent-ink: #ffffff;
  --of-color-brass: #6d541b;
  --of-color-brass-ink: #f5efdd;
  --of-color-brass-edge: #8d7029;
  --of-color-pitch-none: #6b6b6b;
  --of-color-pitch-none-ink: #ffffff;
  --of-color-pitch-one: #a81f25;
  --of-color-pitch-one-ink: #ffffff;
  --of-color-pitch-two: #c9971f;
  --of-color-pitch-two-ink: #1a1405;
  --of-color-pitch-three: #245d99;
  --of-color-pitch-three-ink: #ffffff;
  --of-color-pitch-four: #6f3aa0;
  --of-color-pitch-four-ink: #ffffff;
  --of-color-pitch-facet: #ffffff;
  --of-color-state-legal: #1f6039;
  --of-color-state-legal-ink: #ffffff;
  --of-color-state-banned: #8c1016;
  --of-color-state-banned-ink: #ffffff;
  --of-color-state-suspended: #8a4f11;
  --of-color-state-suspended-ink: #ffffff;
  --of-color-state-restricted: #57458a;
  --of-color-state-restricted-ink: #ffffff;
  --of-color-state-living-legend: #3f5764;
  --of-color-state-living-legend-ink: #ffffff;
  --of-color-state-not-in-format: #5c5c5c;
  --of-color-state-not-in-format-ink: #ffffff;
  --of-color-state-verified: #6d541b;
  --of-color-state-verified-ink: #ffffff;
  --of-color-state-unverified: #6f5410;
  --of-color-state-unverified-ink: #ffffff;
  --of-color-stat-power: #c9971f;
  --of-color-stat-power-ink: #1a1405;
  --of-color-stat-defence: #767676;
  --of-color-stat-defence-ink: #ffffff;
  --of-color-stat-cost: #5c5c5c;
  --of-color-stat-cost-ink: #ffffff;
  --of-color-stat-intellect: #3f96bd;
  --of-color-stat-intellect-ink: #0b1519;
  --of-color-stat-life: #2f6b28;
  --of-color-stat-life-ink: #ffffff;
  --of-color-stat-absent: #b8b8b8;
  --of-color-stat-absent-ink: #2a2a2a;
  --of-color-rarity-common: #5c5c5c;
  --of-color-rarity-common-ink: #ffffff;
  --of-color-rarity-rare: #6f5423;
  --of-color-rarity-rare-ink: #ffffff;
  --of-color-rarity-super: #2f5f80;
  --of-color-rarity-super-ink: #ffffff;
  --of-color-rarity-majestic: #a87d13;
  --of-color-rarity-majestic-ink: #1a1405;
  --of-color-rarity-legendary: #c9a900;
  --of-color-rarity-legendary-ink: #1a1405;
  --of-color-rarity-fabled: #8f3315;
  --of-color-rarity-fabled-ink: #ffffff;
  --of-color-rarity-token: #767676;
  --of-color-rarity-token-ink: #ffffff;
  --of-color-rarity-basic: #334855;
  --of-color-rarity-basic-ink: #ffffff;
  --of-color-rarity-marvel: #1f6155;
  --of-color-rarity-marvel-ink: #ffffff;
  --of-color-rarity-promo: #6d456d;
  --of-color-rarity-promo-ink: #ffffff;
  --of-bevel-light: rgba(255, 255, 255, 0.85);
  --of-bevel-dark: rgba(0, 0, 0, 0.22);
  --of-ornament-filigree-ink: #9a9a9a;
  --of-color-focus: #6d541b;
}

@media (prefers-color-scheme: light) {
  :root:not([data-optfall-theme="dark"]) {
    color-scheme: light;
    --of-type-family-display: Grenze, Palatino, 'Palatino Linotype', 'Book Antiqua', Georgia, serif;
    --of-type-family-serif: Palatino, 'Palatino Linotype', 'Book Antiqua', Georgia, serif;
    --of-type-family-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    --of-type-size-legal: 0.6875rem;
    --of-type-size-micro: 0.75rem;
    --of-type-size-small: 0.875rem;
    --of-type-size-base: 0.9375rem;
    --of-type-size-large: 1.125rem;
    --of-type-size-title: 1.5rem;
    --of-type-size-display: 2.25rem;
    --of-type-weight-regular: 400;
    --of-type-weight-medium: 500;
    --of-type-weight-bold: 700;
    --of-type-leading-tight: 1.15;
    --of-type-leading-base: 1.5;
    --of-type-leading-loose: 1.7;
    --of-type-tracking-wide: 0.09em;
    --of-type-tracking-tight: -0.01em;
    --of-type-tracking-normal: 0;
    --of-type-measure: 46rem;
    --of-space-hair: 1px;
    --of-space-tightest: 0.125rem;
    --of-space-tighter: 0.25rem;
    --of-space-tight: 0.5rem;
    --of-space-base: 0.75rem;
    --of-space-loose: 1rem;
    --of-space-looser: 1.5rem;
    --of-space-loosest: 2.5rem;
    --of-bevel-width: 1px;
    --of-bevel-radius: 0;
    --of-ornament-notch-size: 0.5rem;
    --of-ornament-rule-width: 1px;
    --of-ornament-filigree-size: 1.25rem;
    --of-ornament-stat-size: 2.25rem;
    --of-ornament-symbol-shift: -0.15em;
    --of-ornament-cut-jewel: polygon(50% 0%, 85% 15%, 100% 50%, 85% 85%, 50% 100%, 15% 85%, 0% 50%, 15% 15%);
    --of-ornament-cut-hexagon: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%);
    --of-ornament-cut-lean-end: polygon(0 0, 100% 0, 100% calc(100% - var(--chamfer)), calc(100% - var(--chamfer)) 100%, 0 100%);
    --of-ornament-cut-lean-start: polygon(0 0, 100% 0, 100% 100%, var(--chamfer) 100%, 0 calc(100% - var(--chamfer)));
    --of-ornament-cut-plain: none;
    --of-ornament-cut-diagonal-start: polygon(var(--chamfer) 0, 100% 0, 100% calc(100% - var(--chamfer)), calc(100% - var(--chamfer)) 100%, 0 100%, 0 var(--chamfer));
    --of-ornament-cut-diagonal-end: polygon(0 0, calc(100% - var(--chamfer)) 0, 100% var(--chamfer), 100% 100%, var(--chamfer) 100%, 0 calc(100% - var(--chamfer)));
    --of-ornament-cut-crown: polygon(var(--chamfer) 0, calc(100% - var(--chamfer)) 0, 100% var(--chamfer), 100% 100%, 0 100%, 0 var(--chamfer));
    --of-ornament-cut-side-end: polygon(0 0, calc(100% - var(--chamfer)) 0, 100% var(--chamfer), 100% calc(100% - var(--chamfer)), calc(100% - var(--chamfer)) 100%, 0 100%);
    --of-ornament-cut-side-start: polygon(var(--chamfer) 0, 100% 0, 100% 100%, var(--chamfer) 100%, 0 calc(100% - var(--chamfer)), 0 var(--chamfer));
    --of-ornament-cut-disc: circle(50% at 50% 50%);
    --of-ornament-cut-shield: polygon(0 0, 100% 0, 100% 72%, 50% 100%, 0 72%);
    --of-ornament-jewel-small: 1.25rem;
    --of-ornament-jewel-base: 2.375rem;
    --of-ornament-jewel-large: 3.375rem;
    --of-ornament-mark-small: 0.875rem;
    --of-ornament-mark-base: 1.25rem;
    --of-ornament-mark-large: 1.75rem;
    --of-ornament-band-small: 0.875rem;
    --of-ornament-band-base: 1.25rem;
    --of-card-face-thumb: 11.25rem;
    --of-card-face-normal: 28.125rem;
    --of-layout-page-measure: 46rem;
    --of-layout-page-wide: calc(var(--of-card-face-normal) + var(--of-space-loosest) + var(--of-type-measure));
    --of-layout-card-cell: 15rem;
    --of-layout-card-row: 2.75rem;
    --of-layout-page-index: calc(4 * var(--of-layout-card-cell) + 3 * var(--of-space-tight));
    --of-motion-fast: 120ms;
    --of-motion-base: 180ms;
    --of-motion-slow: 280ms;
    --of-motion-ease: cubic-bezier(0.2, 0, 0.2, 1);
    --of-color-ground: #d5d5d5;
    --of-color-sunken: #c4c4c4;
    --of-color-surface: #e0e0e0;
    --of-color-surface-raised: #ececec;
    --of-color-ink: #161616;
    --of-color-ink-muted: #474747;
    --of-color-ink-faint: #6b6b6b;
    --of-color-ink-inverse: #f2f2f2;
    --of-color-rule: #b4b4b4;
    --of-color-rule-strong: #8f8f8f;
    --of-color-accent: #94101a;
    --of-color-accent-hover: #7a0d15;
    --of-color-accent-ink: #ffffff;
    --of-color-brass: #6d541b;
    --of-color-brass-ink: #f5efdd;
    --of-color-brass-edge: #8d7029;
    --of-color-pitch-none: #6b6b6b;
    --of-color-pitch-none-ink: #ffffff;
    --of-color-pitch-one: #a81f25;
    --of-color-pitch-one-ink: #ffffff;
    --of-color-pitch-two: #c9971f;
    --of-color-pitch-two-ink: #1a1405;
    --of-color-pitch-three: #245d99;
    --of-color-pitch-three-ink: #ffffff;
    --of-color-pitch-four: #6f3aa0;
    --of-color-pitch-four-ink: #ffffff;
    --of-color-pitch-facet: #ffffff;
    --of-color-state-legal: #1f6039;
    --of-color-state-legal-ink: #ffffff;
    --of-color-state-banned: #8c1016;
    --of-color-state-banned-ink: #ffffff;
    --of-color-state-suspended: #8a4f11;
    --of-color-state-suspended-ink: #ffffff;
    --of-color-state-restricted: #57458a;
    --of-color-state-restricted-ink: #ffffff;
    --of-color-state-living-legend: #3f5764;
    --of-color-state-living-legend-ink: #ffffff;
    --of-color-state-not-in-format: #5c5c5c;
    --of-color-state-not-in-format-ink: #ffffff;
    --of-color-state-verified: #6d541b;
    --of-color-state-verified-ink: #ffffff;
    --of-color-state-unverified: #6f5410;
    --of-color-state-unverified-ink: #ffffff;
    --of-color-stat-power: #c9971f;
    --of-color-stat-power-ink: #1a1405;
    --of-color-stat-defence: #767676;
    --of-color-stat-defence-ink: #ffffff;
    --of-color-stat-cost: #5c5c5c;
    --of-color-stat-cost-ink: #ffffff;
    --of-color-stat-intellect: #3f96bd;
    --of-color-stat-intellect-ink: #0b1519;
    --of-color-stat-life: #2f6b28;
    --of-color-stat-life-ink: #ffffff;
    --of-color-stat-absent: #b8b8b8;
    --of-color-stat-absent-ink: #2a2a2a;
    --of-color-rarity-common: #5c5c5c;
    --of-color-rarity-common-ink: #ffffff;
    --of-color-rarity-rare: #6f5423;
    --of-color-rarity-rare-ink: #ffffff;
    --of-color-rarity-super: #2f5f80;
    --of-color-rarity-super-ink: #ffffff;
    --of-color-rarity-majestic: #a87d13;
    --of-color-rarity-majestic-ink: #1a1405;
    --of-color-rarity-legendary: #c9a900;
    --of-color-rarity-legendary-ink: #1a1405;
    --of-color-rarity-fabled: #8f3315;
    --of-color-rarity-fabled-ink: #ffffff;
    --of-color-rarity-token: #767676;
    --of-color-rarity-token-ink: #ffffff;
    --of-color-rarity-basic: #334855;
    --of-color-rarity-basic-ink: #ffffff;
    --of-color-rarity-marvel: #1f6155;
    --of-color-rarity-marvel-ink: #ffffff;
    --of-color-rarity-promo: #6d456d;
    --of-color-rarity-promo-ink: #ffffff;
    --of-bevel-light: rgba(255, 255, 255, 0.85);
    --of-bevel-dark: rgba(0, 0, 0, 0.22);
    --of-ornament-filigree-ink: #9a9a9a;
    --of-color-focus: #6d541b;
  }
}