/* WSOS Studio: semantic tokens. Replace this file to reskin the entire product. */
html.wsos-studio {
  --bg: #f6f7f9;
  --surface: #ffffff;
  --surface-low: #f0f3f5;
  --surface-high: #e8edf0;
  --surface-container-lowest: var(--surface);
  --surface-container-low: var(--surface);
  --surface-container: var(--surface-low);
  --surface-container-high: var(--surface-low);
  --surface-container-highest: var(--surface-high);
  --text: #202c36;
  --on-surface: var(--text);
  --muted: #64717d;
  --on-surface-variant: var(--muted);
  --accent: #177b67;
  --accent-text: #ffffff;
  --primary-container: #e0f2eb;
  --on-primary-container: #145b4c;
  --secondary-container: #e9edf2;
  --on-secondary-container: #334252;
  --border: #e3e8ec;
  --outline-variant: var(--border);
  --control-border: #d4dce2;
  --focus-ring: #218670;
  --success: #187450;
  --success-container: #e3f3e9;
  --warning: #8d6116;
  --warning-container: #fff3d8;
  --error: #b54747;
  --error-container: #fdeceb;
  --shape-xs: 6px;
  --shape-sm: 10px;
  --shape-md: 14px;
  --shape-lg: 18px;
  --shape-xl: 22px;
  --shadow: 0 8px 30px #2033460c;
  --shadow-soft: 0 2px 8px #20334606;
  --sidebar-width: 248px;
  --font-ui: 'Segoe UI Variable', 'Segoe UI', -apple-system, BlinkMacSystemFont, sans-serif;
  --motion-standard: cubic-bezier(.2, 0, 0, 1);
  --motion-emphasized: var(--motion-standard);
  font-family: var(--font-ui);
  font-size: 15px;
}
html.wsos-studio[data-theme="dark"] {
  --bg: #101719;
  --surface: #182226;
  --surface-low: #202c30;
  --surface-high: #2a393f;
  --text: #e4ebed;
  --muted: #9eafb6;
  --accent: #7cd6b6;
  --accent-text: #102d24;
  --primary-container: #213e35;
  --on-primary-container: #a3e8cf;
  --secondary-container: #2c3944;
  --on-secondary-container: #cad8e5;
  --border: #2a383e;
  --control-border: #3b4e57;
  --focus-ring: #7cd6b6;
  --success: #87d7a8;
  --success-container: #203d2e;
  --warning: #e8c17e;
  --warning-container: #3d3321;
  --error: #f3a7a7;
  --error-container: #432b2e;
  --shadow: 0 8px 30px #0002;
  --shadow-soft: none;
}