/* yon UI revision 1.0.1 (review) · cuostudio family brief v1.1.
   This file has no external font or icon requests. Brand identity is separate. */
:root, [data-yon-theme="light"] {
  --yon-canvas-workbench: #E8E8E9;
  --yon-canvas-content: #FFFFFF;
  --yon-text: #111113;
  --yon-text-secondary: #717176;
  --yon-border-structure: #FFFFFF;
  --yon-surface-secondary: #F1F1F2;
  --yon-surface-overlay: #FFFFFF;
  --yon-action-bg: #000000;
  --yon-action-fg: #FFFFFF;
  --yon-green: #03FF07;
  --yon-on-green: #000000;
  --yon-border-control: #717176;
  --yon-border-reading: #E8E8E9;
  --yon-focus: #111113;
}
[data-yon-theme="dark"] {
  --yon-canvas-workbench: #000000;
  --yon-canvas-content: #000000;
  --yon-text: #F7F7F8;
  --yon-text-secondary: #A8A8AE;
  --yon-border-structure: #2C2C30;
  --yon-surface-secondary: #101012;
  --yon-surface-overlay: #1A1A1D;
  --yon-action-bg: #FFFFFF;
  --yon-action-fg: #000000;
  --yon-green: #03FF07;
  --yon-on-green: #000000;
  --yon-border-control: #A8A8AE;
  --yon-border-reading: #2C2C30;
  --yon-focus: #F7F7F8;
}
:root {
  --yon-font-ui: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;
  --yon-radius-pill: 9999px;
  --yon-radius-card: 28px;
  --yon-radius-panel: 28px;
  --yon-radius-control: 16px;
  --yon-radius-attachment: 16px;
  --yon-radius-composer: 28px;
  --yon-border-width: 1.5px;
  --yon-divider-width: 1px;
  --yon-focus-width: 2px;
  --yon-focus-offset: 3px;
  --yon-target-min: 44px;
  --yon-control-sm: 30px;
  --yon-control-md: 38px;
  --yon-control-lg: 48px;
  --yon-nested-gap: 1px;
  --yon-motion-fast: 150ms;
  --yon-motion-standard: 200ms;
  --yon-ease-out: cubic-bezier(0,0,0.2,1);
  --yon-warning-accent: #F59E0B;
  --yon-danger-accent: #F43F5E;
  --yon-on-accent: #000000;
  --yon-type-h1-size: 32px;
  --yon-type-h1-line: 40px;
  --yon-type-h1-weight: 600;
  --yon-type-h2-size: 24px;
  --yon-type-h2-line: 32px;
  --yon-type-h2-weight: 600;
  --yon-type-body-size: 16px;
  --yon-type-body-line: 24px;
  --yon-type-body-weight: 400;
  --yon-type-label-size: 14px;
  --yon-type-label-line: 20px;
  --yon-type-label-weight: 500;
  --yon-type-caption-size: 14px;
  --yon-type-caption-line: 20px;
  --yon-type-caption-weight: 400;
  --yon-type-small-size: 12px;
  --yon-type-small-line: 16px;
  --yon-type-small-weight: 400;
  --yon-space-4: 4px;
  --yon-space-8: 8px;
  --yon-space-12: 12px;
  --yon-space-16: 16px;
  --yon-space-24: 24px;
  --yon-space-32: 32px;
  --yon-space-48: 48px;
}
/* Compatibility aliases are recomputed in each theme scope. */
:root, [data-yon-theme] {
  --yon-background: var(--yon-canvas-workbench);
  --yon-surface: var(--yon-surface-overlay);
  --yon-surface-alt: var(--yon-surface-secondary);
  --yon-surface-muted: var(--yon-canvas-workbench);
  --yon-border-subtle: var(--yon-border-structure);
  --yon-button-fill: var(--yon-action-bg);
  --yon-button-text: var(--yon-action-fg);
  --yon-status-text: var(--yon-text);
  --yon-success-fill: var(--yon-green);
  --yon-warning-fill: var(--yon-warning-accent);
  --yon-error-fill: var(--yon-danger-accent);
  --yon-on-status-fill: var(--yon-on-accent);
  --yon-color-cuo-green: var(--yon-green);
  --yon-color-cuo-gray: var(--yon-canvas-workbench);
  --yon-color-warning: var(--yon-warning-accent);
  --yon-color-error: var(--yon-danger-accent);
}
@media (prefers-reduced-motion: reduce) { :root { --yon-motion-fast:0ms; --yon-motion-standard:0ms; } }