/* GENERATED by scripts/sync-brand.mjs — do not edit by hand.
   Source of truth: mtgkubbur.is/app/static/css/input.css
   Re-run: npm run sync-brand */

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/brand/fonts/inter/inter-variable.woff2") format("woff2");
}

:root {
  --mtg-blue: #0e68ab;
  --mtg-green: #00733e;
  --mtg-red: #d3202a;
  --mtg-gold: #c9a84c;
  --mtg-black: #150b00;
  --mtg-white: #f9faf4;

  --text-primary: #2a1f14;
  --text-body: #2a1f14;
  --text-muted: #5c4f42;
  --border-default: #d4cfc9;
  --surface-card: #ffffff;
  --surface-soft: #f9faf4;
  --body-bg: #fefefe;
  --bg-surface: #16161e;
  --blue-light: #e8f1f8;

  --chart-grid: #d4cfc9;
  --chart-blue-area-1: rgba(14, 104, 171, 0.12);
  --chart-blue-area-2: rgba(14, 104, 171, 0.25);

  --radius-sm: 8px;
  --radius-md: 10px;
  --radius-lg: 12px;
  --shadow-soft: 0 1px 3px rgba(42, 31, 20, 0.04);
  --shadow-card: 0 2px 6px rgba(42, 31, 20, 0.06);
  --shadow-hover: 0 4px 12px rgba(42, 31, 20, 0.1);
}

[data-theme="dark"] {
  --mtg-blue: #3b9edd;
  --mtg-green: #2ecc71;
  --mtg-red: #e74c3c;
  --mtg-gold: #d4a843;
  --mtg-black: #0a0a0f;
  --mtg-white: #f0ece4;

  --text-primary: #e8e4dc;
  --text-body: #c8c4bc;
  --text-muted: #7a7670;
  --border-default: rgba(255, 255, 255, 0.1);
  --surface-card: rgba(255, 255, 255, 0.04);
  --surface-soft: rgba(255, 255, 255, 0.04);
  --body-bg: #0e0e14;
  --bg-surface: #16161e;

  --chart-grid: rgba(255, 255, 255, 0.12);
  --chart-blue-area-1: rgba(59, 158, 221, 0.1);
  --chart-blue-area-2: rgba(59, 158, 221, 0.2);

  --shadow-soft: 0 2px 10px rgba(0, 0, 0, 0.18);
  --shadow-card: 0 2px 12px rgba(0, 0, 0, 0.2);
  --shadow-hover: 0 4px 20px rgba(0, 0, 0, 0.28);
}