/* The design tokens of the styles that Dominic picked. The style-board skill wrote them with:
   tokens.ts --ui wallboard --icons pictogram
   Pulse keeps both themes and follows the system, so color-scheme is "light dark" where the preset says "dark". */

:root {
  color-scheme: light dark;
  --elevation: 0 0 #0000;
  --border-width: 0px;
  --focus-width: 2px;
  --focus-offset: 2px;
  --icon-stroke: 0;
  --color-background: light-dark(#FFFFFF, #0B0F14);
  --color-surface: light-dark(#F4F3F0, #1E293B);
  --color-foreground: light-dark(#161616, #E6E8EB);
  --color-muted-foreground: light-dark(#6A6A6A, #8F959E);
  --color-border: light-dark(#1616161F, #FFFFFF24);
  --color-input: light-dark(#878787, #727880);
  --color-primary: light-dark(#161616, #E6E8EB);
  --color-primary-foreground: light-dark(#FFFFFF, #0B0F14);
  --color-focus: var(--color-muted-foreground);
  --color-success: light-dark(#037E39, #22C55E);
  --color-warning: light-dark(#9E5E03, #F59E0B);
  --color-destructive: light-dark(#C81E1E, #FF8F87);
  --font-display: "Barlow Condensed", sans-serif;
  --font-body: "Barlow Condensed", sans-serif;
  --text-display: clamp(3.5rem, 2.5714rem + 3.8095vw, 6rem);
  --text-display--line-height: 1;
  --text-display--letter-spacing: -0.01em;
  --text-display--font-weight: 700;
  --text-title: 2.25rem;
  --text-title--line-height: 1.1;
  --text-title--letter-spacing: 0em;
  --text-title--font-weight: 700;
  --text-body: 1.75rem;
  --text-body--line-height: 1.25;
  --text-body--letter-spacing: 0em;
  --text-body--font-weight: 600;
  --text-small: 1.25rem;
  --text-small--line-height: 1.3;
  --text-small--letter-spacing: 0.01em;
  --text-small--font-weight: 500;
  --spacing: 0.25rem;
  --radius-control: 2px;
  --shadow-raised: var(--elevation);
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --transition-duration-fast: 150ms;
  --transition-duration-slow: 300ms;
}