/* Direction: night-shift NOC console — deep navy, electric blue, signal green */
/* 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 {
  color-scheme: dark;
  --canvas: #050a14;
  --surface: #0a1322;
  --surface-2: #101c33;
  --border: #1a2f55;
  --border-strong: #50545b;
  --ink: #e9f0ff;
  --muted: #93a4c3;
  --accent: #1f6bff;
  --accent-hover: #4181ff;
  --accent-ink: #ffffff;
  --accent-text: #6aa9ff;
  --accent-strong: #508cff;
  --accent-soft: #0b1f48;
  --accent-border: #11367e;
  --success: #22c55e;
  --success-ink: #ffffff;
  --success-soft: #0b3324;
  --success-strong: #22c55e;
  --warning: #f5a524;
  --warning-ink: #ffffff;
  --warning-soft: #3a2c18;
  --warning-strong: #f5a524;
  --danger: #f0443f;
  --danger-ink: #ffffff;
  --danger-soft: #39171d;
  --danger-strong: #f1534e;
  --chart-1: #1f6bff;
  --chart-2: #d254e6;
  --chart-3: #eb1a3b;
  --chart-4: #b58511;
  --chart-5: #1b9b0e;
  --chart-6: #10a5ae;

  --font-display: "Inter", "Noto Sans Bengali", system-ui, sans-serif;
  --font-body: "Inter", "Noto Sans Bengali", system-ui, sans-serif;
  --radius-card: 12px;
  --radius-btn: 8px;
  --font-mono: "JetBrains Mono Variable", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --font-sans: "Inter", "Noto Sans Bengali", system-ui, sans-serif;
  --display-weight: 700;
  --display-tracking: -0.02em;
  --eyebrow-tracking: 0.08em;
}

html[data-theme="light"] {
  color-scheme: light;
  --canvas: #ffffff;
  --surface: #ffffff;
  --surface-2: #f3f3f3;
  --border: #dcddde;
  --border-strong: #b4b6b9;
  --ink: #050a14;
  --muted: #696c72;
  --accent: #1f6bff;
  --accent-hover: #1a5bd9;
  --accent-ink: #ffffff;
  --accent-text: #1d62eb;
  --accent-strong: #1b5ad8;
  --accent-soft: #e0eaff;
  --accent-border: #9abcff;
  --success: #22c55e;
  --success-ink: #050a14;
  --success-soft: #e4f8ec;
  --success-strong: #157939;
  --warning: #f5a524;
  --warning-ink: #050a14;
  --warning-soft: #fef4e5;
  --warning-strong: #946416;
  --danger: #f0443f;
  --danger-ink: #050a14;
  --danger-soft: #fde9e8;
  --danger-strong: #bb3531;
  --chart-1: #1f6bff;
  --chart-2: #d254e6;
  --chart-3: #b8092a;
  --chart-4: #b58511;
  --chart-5: #1a7311;
  --chart-6: #239da6;
}

/* htmx in-flight state: dim the dashboard while a sync runs */
#dash.htmx-request { opacity: 0.6; transition: opacity 0.2s; }
.donut { box-shadow: 0 0 0 1px var(--border); }

/* printable invoices and receipts: always dark text on paper, whatever the theme */
@media print {
  html { color-scheme: light; }
  .no-print { display: none !important; }
  body { background: Canvas !important; color: CanvasText !important; }
  .print-sheet { border: 0 !important; max-width: none !important; background: transparent !important; }
  .print-sheet, .print-sheet * { color: CanvasText !important; }
  .page-break { break-after: page; }
}