/* Studio 1.0.2 — tokens semânticos. Valores em px salvo indicação. */
:root, [data-studio-theme] {
  color-scheme: light dark;
  --st-canvas: light-dark(#F6F7FA, #101319);
  --st-surface: light-dark(#FFFFFF, #181D26);
  --st-subtle: light-dark(#F0F2F6, #222936);
  --st-text: light-dark(#192232, #F1F4FA);
  --st-muted: light-dark(#596579, #ABB4C4);
  --st-border: light-dark(#DCE1E9, #394456);
  --st-control: light-dark(#808B9B, #778398);
  --st-brand: light-dark(#2459E0, #9BB7FF);
  --st-brand-hover: light-dark(#1945B8, #BBCFFF);
  --st-on-brand: light-dark(#FFFFFF, #101827);
  --st-brand-soft: light-dark(#EAF0FF, #202F4F);
  --st-visual: light-dark(#7043BD, #C5A6FF);
  --st-visual-soft: light-dark(#F2ECFC, #332644);
  --st-media: light-dark(#A34D12, #FFBA82);
  --st-media-soft: light-dark(#FFF0E5, #3D2B20);
  --st-technical: light-dark(#08766F, #82D6CB);
  --st-technical-soft: light-dark(#E5F4F1, #193C3A);
  --st-success: light-dark(#176A43, #8ADDB0);
  --st-success-soft: light-dark(#E8F5EE, #19382B);
  --st-warning: light-dark(#855200, #F2CB75);
  --st-warning-soft: light-dark(#FFF4D9, #3A311F);
  --st-danger: light-dark(#BD2938, #FF9EAA);
  --st-danger-soft: light-dark(#FDECF0, #40232C);
  --st-space-4: 4px;
  --st-space-8: 8px;
  --st-space-12: 12px;
  --st-space-16: 16px;
  --st-space-24: 24px;
  --st-space-32: 32px;
  --st-space-48: 48px;
  --st-space-64: 64px;
  --st-radius-detail: 4px;
  --st-radius-control: 8px;
  --st-radius-card: 12px;
  --st-radius-dialog: 16px;
  --st-radius-pill: 999px;
  --st-type-display-size: 36px;
  --st-type-display-line: 43px;
  --st-type-display-weight: 650;
  --st-type-page-size: 28px;
  --st-type-page-line: 35px;
  --st-type-page-weight: 650;
  --st-type-section-size: 20px;
  --st-type-section-line: 28px;
  --st-type-section-weight: 650;
  --st-type-body-size: 14px;
  --st-type-body-line: 21px;
  --st-type-body-weight: 400;
  --st-type-control-size: 13px;
  --st-type-control-line: 20px;
  --st-type-control-weight: 600;
  --st-type-caption-size: 12px;
  --st-type-caption-line: 18px;
  --st-type-caption-weight: 400;
  --st-control-height: 40px;
  --st-control-compact-height: 32px;
  --st-control-touch-target: 44px;
  --st-control-focus-width: 3px;
  --st-control-focus-offset: 3px;
  --st-font: "Segoe UI Variable", "Segoe UI", system-ui, sans-serif;
  --st-radius: 12px;
  --st-pad: 32px;
  --st-card-pad: 18px;
  --st-row: 44px;
  --st-motion-feedback: 140ms;
  --st-motion-panel: 200ms;
  --st-motion-context: 280ms;
  --st-shadow: 0 12px 36px light-dark(#19223218,#00000055);
}
[data-studio-theme="light"] {color-scheme:light}
[data-studio-theme="dark"] {color-scheme:dark}
[data-density="compact"] {--st-card-pad:12px;--st-pad:24px;--st-row:36px}
@media (prefers-reduced-motion:reduce) {:root,[data-studio-theme] {--st-motion-feedback:0ms;--st-motion-panel:0ms;--st-motion-context:0ms}}