/* Design tokens, under Astryx names, set to the original Declarable look: Archivo headlines (heavy and slightly
   wide), Public Sans body, JetBrains Mono for codes and labels, crisp 2-4px corners. Colours change with light and
   dark, so they live in the DaisyUI themes in tailwind.config.js; everything else is here. Styles read these tokens. */

:root {
  --font-family-body: "Public Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-family-heading: Archivo, "Arial Narrow", system-ui, sans-serif;
  --font-weight-display: 800;
  --font-stretch-display: 112%;
  --font-family-code: "JetBrains Mono", "SF Mono", Monaco, Consolas, monospace;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;

  --radius-inner: 0.125rem;
  --radius-element: 0.1875rem;
  --radius-container: 0.25rem;
  --radius-page: 0.5rem;
  --radius-full: 9999px;

  --shadow-low: 0 1px 0 #cfd5cc, 0 18px 40px -28px rgba(20, 30, 50, .35);
  --shadow-med: 0 1px 0 #cfd5cc, 0 18px 40px -24px rgba(20, 30, 50, .45);
  --shadow-high: 0 24px 48px -24px rgba(5, 10, 20, .55);

  --border-width: 1px;
  --focus-outline-width: 2px;
  --focus-outline-offset: 3px;

  --duration-fast: 125ms;
  --duration-medium: 300ms;
  --ease-standard: cubic-bezier(0.24, 1, 0.4, 1);

  --size-element-sm: 28px;
  --size-element-md: 32px;
  --size-element-lg: 36px;
}