/* Theme "kobalt" 1.2: generated from theme.json (src/lib/themes/manifest.ts). */
@font-face {
  font-family: "Kobalt Body";
  src: url("/tema/kobalt/font-body-400.woff2?v=da99fd3a5fee") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Kobalt Body";
  src: url("/tema/kobalt/font-body-600.woff2?v=da99fd3a5fee") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Kobalt Data";
  src: url("/tema/kobalt/font-data-500.woff2?v=da99fd3a5fee") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
:is(:root, [data-theme-scope])[data-theme="kobalt"] {
  --color-background: #f8fbfe;
  --color-surface: #eff4f8;
  --color-card: #fdfeff;
  --color-foreground: #131b28;
  --color-muted: #515963;
  --color-border: #dbe0e6;
  --color-primary: #055bcc;
  --color-primary-foreground: #fafdff;
  --color-accent: #055bcc;
  --color-accent-foreground: #fafdff;
  --color-success: #21763c;
  --color-warning: #ae5600;
  --color-danger: #c51e21;
  --color-danger-foreground: #fafdff;
  --color-price: #131b28;
  --color-sale: #c51e21;
  --color-sale-foreground: #fafdff;
  --color-header: #f8fbfe;
  --color-header-foreground: #131b28;
  --color-footer: #eff4f8;
  --color-footer-foreground: #2c333f;
  --color-input: #fdfeff;
  --color-input-border: #79818c;
  --color-focus: #055bcc;
  --color-selection: #c9e0ff;
  --theme-background-image: none;
  --theme-background-size: auto;
  --theme-background-repeat: no-repeat;
  --font-sans: ui-sans-serif, system-ui, sans-serif;
  --font-device: ui-sans-serif, system-ui, sans-serif;
  --font-heading: ui-sans-serif, system-ui, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --radius-card: 12px;
  --radius-button: 10px;
  --radius-input: 10px;
  --shadow-card: none;
  --theme-border-width: 1px;
  --theme-heading-transform: none;
  --theme-heading-letter-spacing: -0.02em;
  --theme-button-transform: none;
  --theme-button-letter-spacing: 0;
  --theme-keycap: 1;
  --font-weight-bold: 600;
  --font-weight-extrabold: 600;
  --font-weight-black: 600;
}
:is(:root[data-fonts], [data-theme-scope])[data-theme="kobalt"] {
  --font-sans: "Kobalt Body", ui-sans-serif, system-ui, sans-serif;
  --font-heading: Kobalt Body, ui-sans-serif, system-ui, sans-serif;
  --font-mono: "Kobalt Data", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}
:is(:root, [data-theme-scope])[data-theme="kobalt"] :is(button, a, input[type="submit"], input[type="button"], [role="button"]):is(.btn-primary, .btn-secondary):not(.rounded-full) {
  --theme-key-edge: color-mix(in srgb, var(--color-primary) 70%, #000);
  box-shadow: 0 2px 0 0 var(--theme-key-edge);
  transition: translate 110ms ease-out, box-shadow 110ms ease-out, opacity 150ms, background-color 150ms;
}
:is(:root, [data-theme-scope])[data-theme="kobalt"] :is(button, a, input[type="submit"], input[type="button"], [role="button"]):is(.btn-primary, .btn-secondary):not(.rounded-full):hover:not(:disabled) {
  translate: 0 -1px;
  box-shadow: 0 3px 0 0 var(--theme-key-edge);
}
:is(:root, [data-theme-scope])[data-theme="kobalt"] :is(button, a, input[type="submit"], input[type="button"], [role="button"]):is(.btn-primary, .btn-secondary):not(.rounded-full):active:not(:disabled) {
  scale: 1;
  translate: 0 2px;
  box-shadow: 0 0 0 0 var(--theme-key-edge);
}
@media (prefers-reduced-motion: reduce) {
  :is(:root, [data-theme-scope])[data-theme="kobalt"] :is(button, a, input[type="submit"], input[type="button"], [role="button"]):is(.btn-primary, .btn-secondary):not(.rounded-full) {
    transition: none;
  }
}
:is(:root, [data-theme-scope])[data-theme="kobalt"] :is(.amount, .price) {
  font-family: var(--font-mono);
  font-variant-numeric: tabular-nums;
  font-synthesis: none;
}
:is(:root, [data-theme-scope])[data-theme="kobalt"] :is(h1, h2, h3) {
  font-weight: 600;
}
:is(:root, [data-theme-scope])[data-theme="kobalt"][data-mode="dark"] {
  --color-background: #181b1e;
  --color-surface: #202226;
  --color-card: #25272b;
  --color-foreground: #e6ecf2;
  --color-muted: #a3acb8;
  --color-border: #35373b;
  --color-primary: #75b4ff;
  --color-primary-foreground: #0d1522;
  --color-accent: #75b4ff;
  --color-accent-foreground: #0d1522;
  --color-success: #7cd591;
  --color-warning: #f2b966;
  --color-danger: #f97770;
  --color-danger-foreground: #0d1522;
  --color-price: #e6ecf2;
  --color-sale: #f97770;
  --color-sale-foreground: #0d1522;
  --color-header: #181b1e;
  --color-header-foreground: #e6ecf2;
  --color-footer: #202226;
  --color-footer-foreground: #cad2db;
  --color-input: #202226;
  --color-input-border: #6a7586;
  --color-focus: #75b4ff;
  --color-selection: #20385c;
  --theme-background-image: none;
  --theme-background-size: auto;
  --theme-background-repeat: no-repeat;
  color-scheme: dark;
}
@media (prefers-color-scheme: dark) {
  :is(:root, [data-theme-scope])[data-theme="kobalt"][data-mode="system"] {
    --color-background: #181b1e;
    --color-surface: #202226;
    --color-card: #25272b;
    --color-foreground: #e6ecf2;
    --color-muted: #a3acb8;
    --color-border: #35373b;
    --color-primary: #75b4ff;
    --color-primary-foreground: #0d1522;
    --color-accent: #75b4ff;
    --color-accent-foreground: #0d1522;
    --color-success: #7cd591;
    --color-warning: #f2b966;
    --color-danger: #f97770;
    --color-danger-foreground: #0d1522;
    --color-price: #e6ecf2;
    --color-sale: #f97770;
    --color-sale-foreground: #0d1522;
    --color-header: #181b1e;
    --color-header-foreground: #e6ecf2;
    --color-footer: #202226;
    --color-footer-foreground: #cad2db;
    --color-input: #202226;
    --color-input-border: #6a7586;
    --color-focus: #75b4ff;
    --color-selection: #20385c;
    --theme-background-image: none;
    --theme-background-size: auto;
    --theme-background-repeat: no-repeat;
    color-scheme: dark;
  }
}