/*
 * theme.css — WRITTEN BY THE PLATFORM. Do not edit.
 *
 * Palette: Modern Minimal SaaS Light (technology)
 * Source colours: #f1f2f9 #f2f2f8 #dee1ec #73789a #171741
 *
 * Every value below is either one of those five or derived from them, and each
 * one is contrast-corrected against this palette's own background. Consume
 * them with var(--token); never write a colour value in app code.
 */

:root {
  --canvas: #f2f2f8;
  --surface: #f9f9fc;
  --surface-2: #e7e7ef;
  --border: #d3d3de;
  --border-strong: #b0b0c1;
  --ink: #171741;
  --muted: #66667f;
  --accent: #73789a;
  --accent-hover: #626683;
  --accent-ink: #ffffff;
  --accent-text: #626583;
  --accent-strong: #5a5d79;
  --accent-soft: #e0e1eb;
  --accent-border: #b9bbce;
  --success: #15803d;
  --success-ink: #ffffff;
  --success-soft: #d7e4e2;
  --success-strong: #116d34;
  --warning: #b45309;
  --warning-ink: #ffffff;
  --warning-soft: #ebdfdb;
  --warning-strong: #994607;
  --danger: #b91c1c;
  --danger-ink: #ffffff;
  --danger-soft: #ebd8de;
  --danger-strong: #b91c1c;

  --radius-sm: 6px;
  --radius: 10px;
  --radius-lg: 14px;
  --radius-pill: 999px;

  --shadow: 0 1px 2px rgba(15, 18, 26, 0.05);
  --shadow-raised: 0 1px 2px rgba(15, 18, 26, 0.06), 0 8px 24px rgba(15, 18, 26, 0.06);

  --font-sans: "Public Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

/* app.css — this app's own CSS.
 *
 * Empty on this template: it is served and seeded so that the frozen
 * assets.ts can import it on EVERY template in the chain (a frozen file may
 * not import a file that is not seeded — that broke ~190 apps once). Only
 * templates that list it in `writable` let the app put anything here.
 */