/* Sellio POS — bright, modern, premium-but-approachable SaaS palette */
/* Completed by the platform from the short form: both modes, every
   palette token, each text-on-ground pair at its floor. To restyle, write the
   short form again (the decisions in one :root) and it is completed again. */

:root {
  --canvas: #f6f8fc;
  --surface: #ffffff;
  --surface-2: #eef2fb;
  --border: #e2e7f2;
  --border-strong: #c7cfe3;
  --ink: #1c2130;
  --muted: #626984;
  --accent: #2f6fed;
  --accent-hover: #2559c7;
  --accent-ink: #ffffff;
  --accent-text: #2b66da;
  --accent-strong: #1f4fb8;
  --accent-soft: #e8eefd;
  --accent-border: #b9cdf9;
  --success: #16a34a;
  --success-ink: #ffffff;
  --success-soft: #dbeee7;
  --success-strong: #107535;
  --warning: #d97706;
  --warning-ink: #ffffff;
  --warning-soft: #f3e9de;
  --warning-strong: #9b5506;
  --danger: #e64f5f;
  --danger-ink: #ffffff;
  --danger-soft: #f4e4e9;
  --danger-strong: #b33e4a;
  --chart-1: #2f6fed;
  --chart-2: #16a34a;
  --chart-3: #f97316;
  --chart-4: #8b5cf6;
  --chart-5: #f59e0b;
  --chart-6: #fb7185;

  --x-orange: #f97316;
  --x-orange-soft: #fef0e3;
  --x-purple: #8b5cf6;
  --x-purple-soft: #f2ecfe;
  --x-coral: #fb7185;
  --font-display: "Sora", ui-sans-serif, system-ui, sans-serif;
  --font-body: "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --display-weight: 700;
  --display-tracking: -0.02em;
  --eyebrow-tracking: 0.06em;
  --radius-card: 18px;
  --radius-btn: 12px;
  --radius-input: 10px;
  --shadow-card: 0 8px 24px -12px rgb(47 111 237 / 0.18);
}

html[data-theme="dark"] {
  --canvas: #030911;
  --surface: #1c2229;
  --surface-2: #10151d;
  --border: #262b32;
  --border-strong: #4f5358;
  --ink: #f6f8fc;
  --muted: #95989e;
  --accent: #2f6fed;
  --accent-hover: #4e85f0;
  --accent-ink: #ffffff;
  --accent-text: #4f86ef;
  --accent-strong: #4f86ef;
  --accent-soft: #0d1f41;
  --accent-border: #173774;
  --success: #16a34a;
  --success-ink: #ffffff;
  --success-soft: #072b1e;
  --success-strong: #16a34a;
  --warning: #d97706;
  --warning-ink: #ffffff;
  --warning-soft: #32210f;
  --warning-strong: #d97706;
  --danger: #e64f5f;
  --danger-ink: #ffffff;
  --danger-soft: #351822;
  --danger-strong: #e85d6c;
  --chart-1: #2f6fed;
  --chart-2: #ca60db;
  --chart-3: #df3945;
  --chart-4: #b58400;
  --chart-5: #129b01;
  --chart-6: #25a3ab;
}

/* Sellio POS — small app-specific touches */

@keyframes pop-in {
  from { transform: scale(0.9) translateY(6px); }
  to { transform: scale(1) translateY(0); }
}
.success-badge {
  animation: pop-in 0.35s ease-out;
}
html.reduced-motion .success-badge {
  animation: none;
}

.pos-scroll {
  scrollbar-width: thin;
}

.nav-link.is-active {
  background: var(--accent-soft);
  color: var(--accent-strong);
}

@media print {
  .no-print { display: none !important; }
  body { background: #fff !important; }
  .receipt-print { box-shadow: none !important; border: 1px dashed var(--border-strong) !important; }
}