/* GENERATED by tools/ui/build-tokens.mjs from public/ui/tokens.js. Edit tokens.js, then rebuild. */
/* Ashenfold design tokens (Forged Iron). Rules: docs/design/design-system.md */
:root {
  /* colour: raw */
  --af-void: #090807;
  --af-stone-950: #0e0d0c;
  --af-stone-900: #141210;
  --af-stone-850: #191715;
  --af-stone-800: #1f1c19;
  --af-stone-700: #282420;
  --af-stone-600: #322d28;
  --af-iron-900: #1b1917;
  --af-iron-800: #25221f;
  --af-iron-700: #332f2b;
  --af-iron-600: #453f39;
  --af-iron-500: #5d554d;
  --af-iron-400: #7d7369;
  --af-iron-300: #a3988b;
  --af-bone: #ecdfc6;
  --af-ash: #bcaf9b;
  --af-soot: #8a7f71;
  --af-ink: #140e09;
  --af-ember-100: #ffe6b3;
  --af-ember-300: #ffc15e;
  --af-ember-400: #ff9a3c;
  --af-ember-500: #ff7a1a;
  --af-ember-600: #e05a10;
  --af-ember-700: #a8400c;
  --af-ember-800: #6b260a;
  --af-ember-900: #3a1405;
  --af-blood-300: #ff6f63;
  --af-blood-400: #dd4b4f;
  --af-blood-500: #c8323c;
  --af-blood-700: #8e1b1f;
  --af-blood-900: #3f0b0e;
  --af-mana-300: #8cc8ff;
  --af-mana-500: #3d8ee6;
  --af-mana-700: #1e4f91;
  --af-mana-900: #0e2645;
  --af-gold-300: #ffe08a;
  --af-gold-500: #e2a93b;
  --af-gold-600: #b5853f;
  --af-gold-700: #8c5f17;
  --af-swim-300: #9fd8e0;
  --af-swim-500: #4fa3b8;
  --af-swim-700: #265f72;
  --af-moss-100: #c8ecb4;
  --af-moss-300: #9be07a;
  --af-moss-500: #6cc04a;
  --af-moss-700: #3e6d36;
  --af-moss-900: #1f3a1d;
  --af-steel-300: #a9c4dc;
  --af-steel-500: #6f93b3;
  --af-arcane-300: #c9a8ff;
  --af-pad-cross: #8fb8f0;
  --af-pad-circle: #ff7b7b;
  --af-pad-square: #eba6dc;
  --af-pad-triangle: #6fd8a6;
  /* colour: roles (components use these) */
  --af-bg: var(--af-void);
  --af-panel: var(--af-stone-850);
  --af-panel-raised: var(--af-stone-800);
  --af-well: var(--af-stone-950);
  --af-field: var(--af-stone-900);
  --af-plate: var(--af-iron-800);
  --af-plate-hover: var(--af-iron-700);
  --af-frame: var(--af-iron-600);
  --af-frame-dark: var(--af-iron-900);
  --af-frame-light: var(--af-iron-400);
  --af-rivet: var(--af-iron-300);
  --af-line: var(--af-iron-700);
  --af-text: var(--af-bone);
  --af-text-dim: var(--af-ash);
  --af-text-faint: var(--af-soot);
  --af-text-on-accent: var(--af-ember-100);
  --af-accent: var(--af-ember-500);
  --af-accent-hot: var(--af-ember-300);
  --af-accent-deep: var(--af-ember-800);
  --af-focus: var(--af-ember-300);
  --af-hp: var(--af-blood-500);
  --af-hp-deep: var(--af-blood-700);
  --af-mp: var(--af-mana-500);
  --af-mp-deep: var(--af-mana-700);
  --af-xp: var(--af-gold-500);
  --af-xp-deep: var(--af-gold-700);
  --af-swim: var(--af-swim-500);
  --af-swim-low: var(--af-blood-300);
  --af-good: var(--af-moss-500);
  --af-bad: var(--af-blood-300);
  --af-warn: var(--af-ember-400);
  --af-info: var(--af-steel-300);
  --af-gold: var(--af-gold-300);
  /* colour: rarity (players learned these; see systems/m3-core.js RARITY) */
  --af-rarity-common: #cfc7b0;
  --af-rarity-magic: #6fa8ff;
  --af-rarity-rare: #ffd166;
  --af-rarity-legendary: #ff8a3d;
  --af-rarity-unique: #d6a475;
  --af-rarity-mythic: #e5aaff;
  --af-rarity-set: #63d471;
  /* colour: factions, standing ranks, enemy level, map marks */
  --af-faction-warden: #3d5a80;
  --af-faction-warden-trim: #ffb347;
  --af-faction-thorn: #4a6e36;
  --af-faction-thorn-trim: #c9d98a;
  --af-faction-iron: #6d717c;
  --af-faction-iron-trim: #d0d4dc;
  --af-faction-ash: #5a2230;
  --af-faction-ash-trim: #ff7a3d;
  --af-faction-bandit: #6b5234;
  --af-faction-bandit-trim: #c9a46a;
  --af-faction-beast: #555555;
  --af-faction-beast-trim: #999999;
  --af-faction-player: #2d4668;
  --af-faction-player-trim: #ffb347;
  --af-rank-hostile: #e06a6a;
  --af-rank-neutral: #bbbbbb;
  --af-rank-friendly: #8fe08f;
  --af-rank-honored: #6fa8ff;
  --af-rank-exalted: #ffb347;
  --af-con-grey: #9a9a92;
  --af-con-green: #6fd46f;
  --af-con-yellow: #ffd84a;
  --af-con-orange: #ff9a3d;
  --af-con-red: #ff4a3a;
  --af-con-skull: #ff2a55;
  --af-map-ally: #8fe08f;
  --af-map-boss: #d9a441;
  --af-map-foe: #e05050;
  --af-map-civilian: #dddddd;
  --af-map-other: #6fa8ff;
  --af-map-hero: #ffffff;
  --af-map-fog: #050908;
  --af-danger: #ff3a2a;
  /* type: the Text size setting multiplies every size */
  --af-text-scale: 1;
  --af-font-display: 'Cinzel', 'Trajan Pro', Georgia, serif;
  --af-font-body: 'Alegreya', 'Iowan Old Style', Georgia, serif;
  --af-font-ui: 'Alegreya Sans', 'Segoe UI', system-ui, sans-serif;
  --af-fs-2xs: calc(11px * var(--af-text-scale));
  --af-fs-xs: calc(12px * var(--af-text-scale));
  --af-fs-sm: calc(13px * var(--af-text-scale));
  --af-fs-md: calc(14px * var(--af-text-scale));
  --af-fs-base: calc(16px * var(--af-text-scale));
  --af-fs-lg: calc(18px * var(--af-text-scale));
  --af-fs-xl: calc(21px * var(--af-text-scale));
  --af-fs-2xl: calc(24px * var(--af-text-scale));
  --af-fs-3xl: calc(30px * var(--af-text-scale));
  --af-fs-4xl: calc(38px * var(--af-text-scale));
  --af-fs-5xl: calc(48px * var(--af-text-scale));
  --af-fs-6xl: calc(64px * var(--af-text-scale));
  --af-fs-7xl: calc(96px * var(--af-text-scale));
  --af-fw-regular: 400;
  --af-fw-medium: 500;
  --af-fw-bold: 700;
  --af-fw-heavy: 800;
  --af-lh-tight: 1.1;
  --af-lh-snug: 1.3;
  --af-lh-normal: 1.5;
  --af-lh-loose: 1.65;
  --af-ls-tight: -0.01em;
  --af-ls-none: 0;
  --af-ls-caps: 0.08em;
  --af-ls-wide: 0.16em;
  --af-ls-title: 0.04em;
  /* space, shape, size */
  --af-sp-1: 2px;
  --af-sp-2: 4px;
  --af-sp-3: 6px;
  --af-sp-4: 8px;
  --af-sp-5: 12px;
  --af-sp-6: 16px;
  --af-sp-7: 20px;
  --af-sp-8: 24px;
  --af-sp-9: 32px;
  --af-sp-10: 40px;
  --af-sp-11: 48px;
  --af-sp-12: 64px;
  --af-chamfer-sm: 3px;
  --af-chamfer-md: 6px;
  --af-chamfer-lg: 10px;
  --af-chamfer-xl: 16px;
  --af-size-icon-sm: 16px;
  --af-size-icon: 20px;
  --af-size-icon-lg: 24px;
  --af-size-icon-xl: 32px;
  --af-size-slot: 52px;
  --af-size-slot-sm: 40px;
  --af-size-slot-lg: 64px;
  --af-size-bar: 16px;
  --af-size-bar-thin: 6px;
  --af-size-bar-boss: 14px;
  --af-size-minimap: 170px;
  --af-size-minimap-phone: 118px;
  --af-size-touch: 48px;
  --af-size-hud-edge: 16px;
  --af-size-panel-max: 900px;
  --af-size-dialog-max: 660px;
  --af-size-tooltip-max: 320px;
  /* depth, light, motion, layers */
  --af-shadow-hud: 0 2px 8px rgb(0 0 0 / 0.6);
  --af-shadow-pop: 0 8px 24px rgb(0 0 0 / 0.7);
  --af-shadow-panel: 0 18px 50px rgb(0 0 0 / 0.75);
  --af-shadow-well: inset 0 2px 6px rgb(0 0 0 / 0.7), inset 0 0 0 1px rgb(0 0 0 / 0.6);
  --af-shadow-bevel: inset 0 1px 0 rgb(255 236 210 / 0.10), inset 0 -1px 0 rgb(0 0 0 / 0.55);
  --af-shadow-bevel-pressed: inset 0 2px 4px rgb(0 0 0 / 0.6), inset 0 -1px 0 rgb(255 236 210 / 0.05);
  --af-shadow-text-hud: 0 0 1px #000, 0 0 2px #000, 0 1px 3px #000, 0 0 8px rgb(0 0 0 / 0.85);
  --af-shadow-text-engrave: 0 1px 0 rgb(0 0 0 / 0.85), 0 -1px 0 rgb(255 236 210 / 0.06);
  --af-shadow-text-molten: 0 0 10px rgb(255 122 26 / 0.45);
  --af-glow-1: 0 0 6px rgb(255 122 26 / 0.35);
  --af-glow-2: 0 0 10px rgb(255 122 26 / 0.55), 0 0 2px rgb(255 193 94 / 0.9);
  --af-glow-3: 0 0 18px rgb(255 122 26 / 0.65), 0 0 4px rgb(255 193 94 / 0.95);
  --af-glow-danger: 0 0 10px rgb(200 50 60 / 0.6), 0 0 2px rgb(255 111 99 / 0.8);
  --af-dur-instant: 0ms;
  --af-dur-press: 90ms;
  --af-dur-hover: 160ms;
  --af-dur-panel: 240ms;
  --af-dur-reveal: 420ms;
  --af-dur-banner: 600ms;
  --af-ease-out: cubic-bezier(0.2, 0.7, 0.2, 1);
  --af-ease-in: cubic-bezier(0.5, 0, 0.8, 0.3);
  --af-ease-forge: cubic-bezier(0.3, 1.35, 0.5, 1);
  --af-z-world: 10;
  --af-z-hud: 20;
  --af-z-float: 25;
  --af-z-panel: 40;
  --af-z-dialog: 45;
  --af-z-overlay: 50;
  --af-z-tooltip: 60;
  --af-z-cursor: 70;
  --af-z-cinematic: 80;
  --af-z-cover: 90;
}
[data-af-cb="deutan"] {
  --af-rarity-common: #d8d2c0;
  --af-rarity-magic: #3d8bff;
  --af-rarity-rare: #ffe14d;
  --af-rarity-legendary: #ff5ac8;
  --af-rarity-unique: #fff2a0;
  --af-rarity-mythic: #b899ff;
  --af-rarity-set: #63d471;
  --af-danger: #ff33d9;
}
[data-af-cb="protan"] {
  --af-rarity-common: #d8d2c0;
  --af-rarity-magic: #3d8bff;
  --af-rarity-rare: #ffe14d;
  --af-rarity-legendary: #ff5ac8;
  --af-rarity-unique: #fff2a0;
  --af-rarity-mythic: #b899ff;
  --af-rarity-set: #63d471;
  --af-danger: #ff40e6;
}
[data-af-cb="tritan"] {
  --af-rarity-common: #d8d2c0;
  --af-rarity-magic: #3d8bff;
  --af-rarity-rare: #ffe14d;
  --af-rarity-legendary: #ff5ac8;
  --af-rarity-unique: #fff2a0;
  --af-rarity-mythic: #b899ff;
  --af-rarity-set: #63d471;
  --af-danger: #ff2033;
}
@media (prefers-reduced-motion: reduce) {
  :root {
    --af-dur-instant: 0ms;
    --af-dur-press: 0ms;
    --af-dur-hover: 0ms;
    --af-dur-panel: 0ms;
    --af-dur-reveal: 0ms;
    --af-dur-banner: 0ms;
  }
}
[data-af-motion="reduced"] {
  --af-dur-instant: 0ms;
  --af-dur-press: 0ms;
  --af-dur-hover: 0ms;
  --af-dur-panel: 0ms;
  --af-dur-reveal: 0ms;
  --af-dur-banner: 0ms;
}