/* Generado por sitekit build */
:root {
  --sk-theme-color: #16080c;
  --sk-font-pixel: "Press Start 2P", monospace;
  --sk-font-heading: "Pixelify Sans", system-ui, sans-serif;
  --sk-font-body: "VT323", "IBM Plex Sans", monospace;
  --sk-radius-sm: 0;
  --sk-radius-md: 0;
  --sk-radius-lg: 2px;
  --sk-gutter: 1rem;
  --sk-max-width: 72rem;
  --sk-layout-gutter: 1rem;
  --sk-layout-maxWidth: 72rem;
  --sk-fonts-body: "VT323", "IBM Plex Sans", monospace;
  --sk-fonts-heading: "Pixelify Sans", system-ui, sans-serif;
}

[data-theme="dark"] {
  --sk-bg: #120810;
  --sk-text: #fff6ed;
  --sk-muted: #c4a090;
  --sk-subtle: #8a6a68;
  --sk-surface: #1e1020;
  --sk-elevated: #2a1424;
  --sk-muted-bg: #241018;
  --sk-border: #5c3040;
  --sk-border-strong: #8a4860;
  --sk-accent: #e23a32;
  --sk-accent-hover: #ff5248;
  --sk-accent-fg: #fff6ed;
  --sk-accent-soft: color-mix(in srgb, #e23a32 18%, transparent);
  --sk-coin: #ffd93d;
  --sk-coin-soft: color-mix(in srgb, #ffd93d 15%, transparent);
  --sk-power: #6bcb77;
  --sk-power-soft: color-mix(in srgb, #6bcb77 12%, transparent);
  --sk-peach: #e5a17a;
  --sk-maroon: #4b2520;
  --sk-cream: #fff6ed;
  --sk-ganache: #16080c;
  --sk-icing: #e23a32;
  --sk-danger: #ff4757;
}

[data-theme="light"] {
  --sk-bg: #fff6ed;
  --sk-text: #2a1018;
  --sk-muted: #7a4a42;
  --sk-subtle: #a07870;
  --sk-surface: #fffdf9;
  --sk-elevated: #f6e4d4;
  --sk-muted-bg: #f0dcc8;
  --sk-border: #c4a090;
  --sk-border-strong: #8a6a68;
  --sk-accent: #c41e24;
  --sk-accent-hover: #a0181e;
  --sk-accent-fg: #fff6ed;
  --sk-accent-soft: color-mix(in srgb, #c41e24 12%, transparent);
  --sk-coin: #d4a017;
  --sk-coin-soft: color-mix(in srgb, #d4a017 12%, transparent);
  --sk-power: #3d9970;
  --sk-power-soft: color-mix(in srgb, #3d9970 10%, transparent);
  --sk-peach: #c47a4a;
  --sk-maroon: #5c1a12;
  --sk-cream: #fff6ed;
  --sk-ganache: #16080c;
  --sk-icing: #b41c18;
  --sk-danger: #c41e24;
}