/* RunsNative wireframe token layer
 * Generated by scripts/generate-wireframe-tokens.mjs — do not edit directly.
 * Authoritative source: packages/components/shared/wireframe-tokens.js
 *
 * Usage: <link rel="stylesheet" href="wireframe-tokens.css"> alongside tokens.css
 * The [data-run-skin="wireframe"] selector activates this layer at any scope.
 * Font loading: add Google Fonts 'Architects Daughter' to the host page.
 */

[data-run-skin="wireframe"],
[data-run-skin="wireframe"] * {
  --run-wf-accent: #4a4a4a;
  --run-wf-accent-muted: #5a5a5a;
  --run-wf-accent-subtle: #ebebeb;
  --run-wf-border: #999999;
  --run-wf-border-error: #666666;
  --run-wf-border-focus: #4a4a4a;
  --run-wf-border-hover: #777777;
  --run-wf-border-light: #cccccc;
  --run-wf-border-subtle: #e0e0e0;
  --run-wf-color-interactive: #666666;
  --run-wf-disabled-opacity: 0.5;
  --run-wf-font-family: 'Architects Daughter', 'Segoe Print', 'Comic Neue', cursive;
  --run-wf-hover-opacity: 0.8;
  --run-wf-overlay: rgba(0, 0, 0, 0.15);
  --run-wf-radius: 3px;
  --run-wf-shadow: none;
  --run-wf-skeleton-base: #d0d0d0;
  --run-wf-skeleton-highlight: #aaaaaa;
  --run-wf-surface: #f5f5f5;
  --run-wf-surface-accent: #ebebeb;
  --run-wf-surface-active: #e0e0e0;
  --run-wf-surface-disabled: #f0f0f0;
  --run-wf-surface-hover: #ebebeb;
  --run-wf-surface-muted: #f0f0f0;
  --run-wf-surface-raised: #ffffff;
  --run-wf-surface-selected: #e0e0e0;
  --run-wf-surface-subtle: #fafafa;
  --run-wf-surface-sunken: #eeeeee;
  --run-wf-text: #333333;
  --run-wf-text-disabled: #bbbbbb;
  --run-wf-text-error: #333333;
  --run-wf-text-interactive: #333333;
  --run-wf-text-link: #2a2a2a;
  --run-wf-text-muted: #888888;
  --run-wf-text-on-accent: #ffffff;
  --run-wf-text-placeholder: #999999;
  --run-wf-text-secondary: #777777;
  --run-wf-text-subtle: #aaaaaa;
}

@media (prefers-color-scheme: dark) {
  [data-run-skin="wireframe"],
  [data-run-skin="wireframe"] * {
    --run-wf-accent: #c8c8c8;
    --run-wf-accent-muted: #b4b4b4;
    --run-wf-accent-subtle: #333333;
    --run-wf-border: #666666;
    --run-wf-border-error: #999999;
    --run-wf-border-focus: #d0d0d0;
    --run-wf-border-hover: #888888;
    --run-wf-border-light: #444444;
    --run-wf-border-subtle: #333333;
    --run-wf-color-interactive: #999999;
    --run-wf-disabled-opacity: 0.5;
    --run-wf-font-family: 'Architects Daughter', 'Segoe Print', 'Comic Neue', cursive;
    --run-wf-hover-opacity: 0.8;
    --run-wf-overlay: rgba(0, 0, 0, 0.4);
    --run-wf-radius: 3px;
    --run-wf-shadow: none;
    --run-wf-skeleton-base: #333333;
    --run-wf-skeleton-highlight: #555555;
    --run-wf-surface: #262626;
    --run-wf-surface-accent: #383838;
    --run-wf-surface-active: #1e1e1e;
    --run-wf-surface-disabled: #262626;
    --run-wf-surface-hover: #333333;
    --run-wf-surface-muted: #2a2a2a;
    --run-wf-surface-raised: #2e2e2e;
    --run-wf-surface-selected: #383838;
    --run-wf-surface-subtle: #222222;
    --run-wf-surface-sunken: #202020;
    --run-wf-text: #d0d0d0;
    --run-wf-text-disabled: #555555;
    --run-wf-text-error: #d0d0d0;
    --run-wf-text-interactive: #d0d0d0;
    --run-wf-text-link: #d0d0d0;
    --run-wf-text-muted: #888888;
    --run-wf-text-on-accent: #1a1a1a;
    --run-wf-text-placeholder: #666666;
    --run-wf-text-secondary: #999999;
    --run-wf-text-subtle: #777777;
  }
}

[data-run-skin="wireframe"][data-run-mode="dark"],
[data-run-mode="dark"] [data-run-skin="wireframe"],
[data-run-skin="wireframe"][data-run-mode="dark"] *,
[data-run-mode="dark"] [data-run-skin="wireframe"] * {
  --run-wf-accent: #c8c8c8;
  --run-wf-accent-muted: #b4b4b4;
  --run-wf-accent-subtle: #333333;
  --run-wf-border: #666666;
  --run-wf-border-error: #999999;
  --run-wf-border-focus: #d0d0d0;
  --run-wf-border-hover: #888888;
  --run-wf-border-light: #444444;
  --run-wf-border-subtle: #333333;
  --run-wf-color-interactive: #999999;
  --run-wf-disabled-opacity: 0.5;
  --run-wf-font-family: 'Architects Daughter', 'Segoe Print', 'Comic Neue', cursive;
  --run-wf-hover-opacity: 0.8;
  --run-wf-overlay: rgba(0, 0, 0, 0.4);
  --run-wf-radius: 3px;
  --run-wf-shadow: none;
  --run-wf-skeleton-base: #333333;
  --run-wf-skeleton-highlight: #555555;
  --run-wf-surface: #262626;
  --run-wf-surface-accent: #383838;
  --run-wf-surface-active: #1e1e1e;
  --run-wf-surface-disabled: #262626;
  --run-wf-surface-hover: #333333;
  --run-wf-surface-muted: #2a2a2a;
  --run-wf-surface-raised: #2e2e2e;
  --run-wf-surface-selected: #383838;
  --run-wf-surface-subtle: #222222;
  --run-wf-surface-sunken: #202020;
  --run-wf-text: #d0d0d0;
  --run-wf-text-disabled: #555555;
  --run-wf-text-error: #d0d0d0;
  --run-wf-text-interactive: #d0d0d0;
  --run-wf-text-link: #d0d0d0;
  --run-wf-text-muted: #888888;
  --run-wf-text-on-accent: #1a1a1a;
  --run-wf-text-placeholder: #666666;
  --run-wf-text-secondary: #999999;
  --run-wf-text-subtle: #777777;
}

[data-run-skin="wireframe"][data-run-mode="light"],
[data-run-mode="light"] [data-run-skin="wireframe"],
[data-run-skin="wireframe"][data-run-mode="light"] *,
[data-run-mode="light"] [data-run-skin="wireframe"] * {
  --run-wf-accent: #4a4a4a;
  --run-wf-accent-muted: #5a5a5a;
  --run-wf-accent-subtle: #ebebeb;
  --run-wf-border: #999999;
  --run-wf-border-error: #666666;
  --run-wf-border-focus: #4a4a4a;
  --run-wf-border-hover: #777777;
  --run-wf-border-light: #cccccc;
  --run-wf-border-subtle: #e0e0e0;
  --run-wf-color-interactive: #666666;
  --run-wf-disabled-opacity: 0.5;
  --run-wf-font-family: 'Architects Daughter', 'Segoe Print', 'Comic Neue', cursive;
  --run-wf-hover-opacity: 0.8;
  --run-wf-overlay: rgba(0, 0, 0, 0.15);
  --run-wf-radius: 3px;
  --run-wf-shadow: none;
  --run-wf-skeleton-base: #d0d0d0;
  --run-wf-skeleton-highlight: #aaaaaa;
  --run-wf-surface: #f5f5f5;
  --run-wf-surface-accent: #ebebeb;
  --run-wf-surface-active: #e0e0e0;
  --run-wf-surface-disabled: #f0f0f0;
  --run-wf-surface-hover: #ebebeb;
  --run-wf-surface-muted: #f0f0f0;
  --run-wf-surface-raised: #ffffff;
  --run-wf-surface-selected: #e0e0e0;
  --run-wf-surface-subtle: #fafafa;
  --run-wf-surface-sunken: #eeeeee;
  --run-wf-text: #333333;
  --run-wf-text-disabled: #bbbbbb;
  --run-wf-text-error: #333333;
  --run-wf-text-interactive: #333333;
  --run-wf-text-link: #2a2a2a;
  --run-wf-text-muted: #888888;
  --run-wf-text-on-accent: #ffffff;
  --run-wf-text-placeholder: #999999;
  --run-wf-text-secondary: #777777;
  --run-wf-text-subtle: #aaaaaa;
}