/* GENERATED from tokens.json by build/tokens.mjs. Do not edit; edit tokens.json and regenerate. */

:root {
  --font-ui: Figtree, system-ui, -apple-system, "Segoe UI", sans-serif;
  --text-size-meta: 0.75rem;
  --text-size-small: 0.875rem;
  --text-size-body: 1rem;
  --text-size-body-owner: 1.125rem;
  --text-size-title: 1.375rem;
  --text-size-heading: 1.75rem;
  --text-size-display: 2.25rem;
  --leading-meta: 1rem;
  --leading-small: 1.25rem;
  --leading-body: 1.5rem;
  --leading-body-owner: 1.75rem;
  --leading-title: 1.75rem;
  --leading-heading: 2.25rem;
  --leading-display: 2.75rem;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-strong: 600;
  --weight-heading: 700;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --radius-control: 0.375rem;
  --radius-card: 0.75rem;
  --radius-pill: 9999px;
  --elevation-raised: 0 1px 2px rgb(0 0 0 / 0.06), 0 1px 3px rgb(0 0 0 / 0.08);
  --elevation-overlay: 0 4px 12px rgb(0 0 0 / 0.10), 0 2px 4px rgb(0 0 0 / 0.06);
  --motion-fast: 150ms;
  --motion-base: 200ms;

  --control-height: var(--space-12);
  --card-padding: var(--space-6);
  --stream-item-gap: var(--space-4);

  color-scheme: light;
  --color-surface-default: #ffffff;
  --color-surface-raised: #ffffff;
  --color-surface-sunken: #f8f7f4;
  --color-surface-qr: #ffffff;
  --color-text-primary: #171613;
  --color-text-muted: #6b665c;
  --color-text-inverse: #ffffff;
  --color-border-subtle: #e6e3dc;
  --color-border-strong: #8f8a7f;
  --color-action-primary-bg: #1e5a3c;
  --color-action-primary-bg-hover: #184a31;
  --color-action-primary-fg: #ffffff;
  --color-action-secondary-bg: #f1efea;
  --color-action-secondary-bg-hover: #e6e3dc;
  --color-action-secondary-fg: #171613;
  --color-focus-ring: #1e5a3c;
  --color-status-success-fg: #184a31;
  --color-status-success-bg: #eef6f1;
  --color-status-warning-fg: #9a4a07;
  --color-status-warning-bg: #fef4e8;
  --color-status-danger-fg: #a8231a;
  --color-status-danger-bg: #fdf0ee;
  --color-status-info-fg: #1d55a8;
  --color-status-info-bg: #edf3fc;
  --color-scope-internal-fg: #475467;
  --color-scope-internal-bg: #f0f2f5;
  --color-scope-owners-fg: #0b6670;
  --color-scope-owners-bg: #e8f6f7;
  --color-scope-owners-at-the-time-fg: #3940a3;
  --color-scope-owners-at-the-time-bg: #eff0fc;
  --color-scope-named-parties-fg: #7a5212;
  --color-scope-named-parties-bg: #f8f2e6;
  --color-scope-trainer-fg: #7d2c6e;
  --color-scope-trainer-bg: #f9eef7;
  --color-kind-fact-fg: #1d55a8;
  --color-kind-fact-bg: #edf3fc;
  --color-kind-message-fg: #184a31;
  --color-kind-message-bg: #eef6f1;
  --color-kind-media-fg: #5636b8;
  --color-kind-media-bg: #f2effc;
  --color-kind-note-fg: #6e5300;
  --color-kind-note-bg: #fdf6e0;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --color-surface-default: #171613;
    --color-surface-raised: #26241f;
    --color-surface-sunken: #171613;
    --color-surface-qr: #f8f7f4;
    --color-text-primary: #f8f7f4;
    --color-text-muted: #b9b4a9;
    --color-text-inverse: #171613;
    --color-border-subtle: #3a3731;
    --color-border-strong: #6b665c;
    --color-action-primary-bg: #7cbf96;
    --color-action-primary-bg-hover: #a9d3b8;
    --color-action-primary-fg: #171613;
    --color-action-secondary-bg: #3a3731;
    --color-action-secondary-bg-hover: #514d45;
    --color-action-secondary-fg: #f8f7f4;
    --color-focus-ring: #7cbf96;
    --color-status-success-fg: #7cbf96;
    --color-status-success-bg: #0c2619;
    --color-status-warning-fg: #f7b267;
    --color-status-warning-bg: #3a210b;
    --color-status-danger-fg: #f59a8f;
    --color-status-danger-bg: #3d1310;
    --color-status-info-fg: #8db8f2;
    --color-status-info-bg: #13243d;
    --color-scope-internal-fg: #aab3c2;
    --color-scope-internal-bg: #1d222b;
    --color-scope-owners-fg: #6cc8d2;
    --color-scope-owners-bg: #0d2a2e;
    --color-scope-owners-at-the-time-fg: #a9aef2;
    --color-scope-owners-at-the-time-bg: #1c1e3d;
    --color-scope-named-parties-fg: #ddb46e;
    --color-scope-named-parties-bg: #2e2210;
    --color-scope-trainer-fg: #e2a6d6;
    --color-scope-trainer-bg: #33162e;
    --color-kind-fact-fg: #8db8f2;
    --color-kind-fact-bg: #13243d;
    --color-kind-message-fg: #7cbf96;
    --color-kind-message-bg: #0c2619;
    --color-kind-media-fg: #bba8f5;
    --color-kind-media-bg: #221a3d;
    --color-kind-note-fg: #e9c867;
    --color-kind-note-bg: #2d2509;
  }
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --color-surface-default: #171613;
  --color-surface-raised: #26241f;
  --color-surface-sunken: #171613;
  --color-surface-qr: #f8f7f4;
  --color-text-primary: #f8f7f4;
  --color-text-muted: #b9b4a9;
  --color-text-inverse: #171613;
  --color-border-subtle: #3a3731;
  --color-border-strong: #6b665c;
  --color-action-primary-bg: #7cbf96;
  --color-action-primary-bg-hover: #a9d3b8;
  --color-action-primary-fg: #171613;
  --color-action-secondary-bg: #3a3731;
  --color-action-secondary-bg-hover: #514d45;
  --color-action-secondary-fg: #f8f7f4;
  --color-focus-ring: #7cbf96;
  --color-status-success-fg: #7cbf96;
  --color-status-success-bg: #0c2619;
  --color-status-warning-fg: #f7b267;
  --color-status-warning-bg: #3a210b;
  --color-status-danger-fg: #f59a8f;
  --color-status-danger-bg: #3d1310;
  --color-status-info-fg: #8db8f2;
  --color-status-info-bg: #13243d;
  --color-scope-internal-fg: #aab3c2;
  --color-scope-internal-bg: #1d222b;
  --color-scope-owners-fg: #6cc8d2;
  --color-scope-owners-bg: #0d2a2e;
  --color-scope-owners-at-the-time-fg: #a9aef2;
  --color-scope-owners-at-the-time-bg: #1c1e3d;
  --color-scope-named-parties-fg: #ddb46e;
  --color-scope-named-parties-bg: #2e2210;
  --color-scope-trainer-fg: #e2a6d6;
  --color-scope-trainer-bg: #33162e;
  --color-kind-fact-fg: #8db8f2;
  --color-kind-fact-bg: #13243d;
  --color-kind-message-fg: #7cbf96;
  --color-kind-message-bg: #0c2619;
  --color-kind-media-fg: #bba8f5;
  --color-kind-media-bg: #221a3d;
  --color-kind-note-fg: #e9c867;
  --color-kind-note-bg: #2d2509;
}