/* Design System 0.1 · suunta-app df44b9ea0. Loaded by migrated landing pages. */
:root[data-theme="light"] {
  --paper: oklch(.978 .004 258);
  --side: oklch(.965 .005 258);
  --wash: oklch(.953 .006 258);
  --surface: oklch(1 0 0);
  --raised: oklch(1 0 0);
  --ink: oklch(.255 .02 258);
  --ink-2: oklch(.47 .022 258);
  --ink-3: oklch(.53 .02 258);
  --line: oklch(.905 .008 258);
  --line-2: oklch(.255 .02 258 / .09);
  --green: oklch(.56 .12 160);
  --green-deep: oklch(.47 .10 160);
  --green-tint: oklch(.965 .025 160);
  --control-line: oklch(.62 .018 258);
  --btn-hover: oklch(.36 .025 258);
  --rust-deep: oklch(.48 .11 25);
  --rust-tint: oklch(.965 .025 25);
  --wash-hover: oklch(.255 .02 258 / .07);
}

:root[data-theme="dark"] {
  --paper: oklch(.235 .015 258);
  --side: oklch(.19 .014 258);
  --wash: oklch(.34 .016 258);
  --surface: oklch(.285 .015 258);
  --raised: oklch(.31 .016 258);
  --ink: oklch(.97 .006 258);
  --ink-2: oklch(.80 .016 258);
  --ink-3: oklch(.72 .018 258);
  --line: oklch(.365 .016 258);
  --line-2: oklch(.97 .006 258 / .09);
  --green: oklch(.74 .13 160);
  --green-deep: oklch(.82 .10 160);
  --green-tint: oklch(.30 .045 160);
  --control-line: oklch(.63 .02 258);
  --btn-hover: oklch(.88 .012 258);
  --rust-deep: oklch(.82 .09 25);
  --rust-tint: oklch(.30 .045 25);
  --wash-hover: oklch(.97 .006 258 / .08);
}


[data-design-system="0.1"] {
  --radius-field: 10px;
  --ds-hit: 44px;
  --ds-focus-width: 2px;
  --ds-focus-offset: 4px;
}

[data-design-system="0.1"] :is(.btn, [role="tab"], .subpage-links a, summary, .theme-control, #nav-menu-toggle) {
  min-block-size: var(--ds-hit);
}

[data-design-system="0.1"] :is(.btn, button):hover {
  box-shadow: none;
  transform: none;
}

[data-design-system="0.1"] :focus-visible {
  outline: var(--ds-focus-width) solid var(--focus);
  outline-offset: var(--ds-focus-offset);
}

@media (prefers-reduced-motion: reduce) {
  [data-design-system="0.1"] :is(.btn, button, [role="tab"]) {
    animation: none;
    transition: none;
  }
}

/* Founder Lounge uses its event palette for game targets and shared tokens for chrome. */
.lounge[data-design-system="0.1"] {
  --night: var(--paper);
  --panel: var(--surface);
  --muted: var(--ink-2);
  --lounge-control-line: oklch(.63 .02 258);
  --control-line: var(--lounge-control-line);
  --ink: var(--paper);
  --white: oklch(.97 .006 258);
  --btn-hover: oklch(.88 .012 258);
}