:root {
  --canvas: #0a1114;
  --canvas-deep: #05090b;
  --panel-solid: #0d161a;
  --panel-flat: rgba(234, 243, 245, 0.03);
  --panel-raised: rgba(234, 243, 245, 0.06);
  --border-hairline: rgba(234, 243, 245, 0.13);
  --border: rgba(234, 243, 245, 0.14);
  --border-separator: rgba(234, 243, 245, 0.34);
  --border-strong: rgba(234, 243, 245, 0.2);

  --ink: #eaf3f5;
  --ink-secondary: #c3d3d8;
  --ink-body: #b7c9cf;
  --ink-caption: #93a9b0;
  --ink-dim: #8fa6ad;
  --ink-footer: #5f757d;

  --accent: #38d6ce;
  --accent-hover: #5fe6df;
  --accent-ink: #04191b;
  --accent-tint: rgba(56, 214, 206, 0.07);
  --accent-tint-strong: rgba(56, 214, 206, 0.16);
  --accent-border: rgba(56, 214, 206, 0.5);
  --accent-glow: 0 0 0 5px rgba(56, 214, 206, 0.2), 0 0 16px rgba(56, 214, 206, 0.85);

  --alert: #ff6b5c;
  --alert-text: #ff8a7c;
  --alert-ink: #2a0a06;
  --alert-canvas: #180507;
  --alert-ink-light: #ffe9e6;
  --alert-border: rgba(255, 107, 92, 0.4);

  --warn: #e8b24c;
  --warn-ink: #241804;
  --warn-canvas: rgba(24, 20, 8, 0.92);
  --warn-ink-light: #fff6e4;
  --warn-border: rgba(232, 178, 76, 0.4);

  --r-sheet: 26px;
  --r-card: 20px;
  --r-control: 14px;

  --family: "Manrope", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif;
  --family-data: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
}