/* firecal's identity. Generated by `cargo xtask tokens`: do not edit by hand.
   Where each number comes from: web/tokens/README.md. */
:root {
  color-scheme: light;

  /* Paper, ink, and the greys on the line between them. */
  --bg: #faf9f5;
  --bg-deep: #f1f0ec;
  --surface: #ebebe7;
  --raised: #e2e1de;
  --selection: #cecdc9;
  --line: #d8d7d3;
  --disabled: #8f8f8c;
  --text-secondary: #6a6967;
  --text: #232321;
  --text-strong: #141413;

  /* Colour only where it means something: activity, uncertainty, attention, healthy. */
  --activity: #d77656;
  --uncertainty: #6494c5;
  --attention: #c46685;
  --healthy: #788c5d;
  --error: #a74c6c;
  --added: #5d7043;

  /* Calendar: --ramp-0 is a cell with no activity; 1 to 7 rise with it. A cell carries no text. */
  --ramp-0: #e8e7e3;
  --ramp-1: #d77656;
  --ramp-2: #b5654b;
  --ramp-3: #945641;
  --ramp-4: #774737;
  --ramp-5: #5a382d;
  --ramp-6: #3b2922;
  --ramp-7: #141413;

  /* Marks that never rely on colour: the diamond (top right) is ink with a paper edge; a
     provisional cell has a rose triangle with an ink edge in its bottom left corner,
     --provisional-size along each side. */
  --mark-fill: #141413;
  --mark-edge: #faf9f5;
  --provisional-fill: #e685a4;
  --provisional-edge: #141413;
  --provisional-size: 10px;
  --focus-ring: #141413;

  --font-ui: system-ui, -apple-system, "SF Pro Text", "Segoe UI", sans-serif;
  --font-code: "Monaspace Neon", ui-monospace, "Cascadia Mono", Consolas, monospace;
  --text-size-input: 17px;
  --text-size-row: 14px;
  --text-size-small: 12px;
  --text-size-tiny: 11px;

  --radius-panel: 10px;
  --radius-row: 6px;
  --radius-tag: 5px;
  --hairline: 1px;
  --field-height: 52px;
  --row-height: 38px;
  --icon-size: 24px;
  --margin: 8px;
  --shadow-float: 0 6px 20px rgba(20, 20, 19, 0.12);

  --motion-duration: 280ms;
  --motion-ease: cubic-bezier(0.2, 0.9, 0.3, 1.15);
}

@media (min-resolution: 2dppx) {
  :root { --hairline: 0.5px; }
}

@media (min-resolution: 3dppx) {
  :root { --hairline: 0.34px; }
}

@media (prefers-reduced-motion: reduce) {
  :root { --motion-duration: 0ms; }
}