/* @bulk:start kits/ui-kit/theme.css/light ui MAS Application Factory Theme */
/* @use Provides: standalone MAS visual tokens for the application factory */
/* @use Requires: browser CSS custom properties and system fonts */
:root {
  color-scheme: light;
  --mas-app-background: #f4f6fb;
  --mas-surface: #ffffff;
  --mas-surface-muted: #eef1f8;
  --mas-surface-raised: #ffffff;
  --mas-code-surface: #121829;
  --mas-code-text: #e8ecf7;
  --mas-text: #182035;
  --mas-text-muted: #69728a;
  --mas-border: #dce1ec;
  --mas-border-strong: #aeb7ca;
  --mas-primary: #4057c8;
  --mas-primary-soft: #e7ebff;
  --mas-on-primary: #ffffff;
  --mas-focus: #6479df;
  --mas-success: #147a55;
  --mas-success-soft: #dcf7ea;
  --mas-danger: #b43c4c;
  --mas-danger-soft: #fde8eb;
  --mas-on-danger: #ffffff;
  --mas-info: #2868a9;
  --mas-info-soft: #e5f2ff;
  --mas-font-family: "Segoe UI", Tahoma, Arial, sans-serif;
  --mas-font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --mas-font-size-xs: .75rem;
  --mas-font-size-sm: .875rem;
  --mas-font-size-xl: 1.35rem;
  --mas-font-size-2xl: 2rem;
  --mas-font-weight-semibold: 650;
  --mas-line-height-relaxed: 1.7;
  --mas-space-1: .25rem;
  --mas-space-2: .5rem;
  --mas-space-3: .75rem;
  --mas-space-4: 1rem;
  --mas-space-5: 1.5rem;
  --mas-space-7: 2.5rem;
  --mas-radius-sm: .45rem;
  --mas-radius-md: .7rem;
  --mas-radius-lg: 1rem;
  --mas-radius-pill: 999px;
  --mas-shadow-sm: 0 1px 3px rgb(24 32 53 / 8%);
  --mas-shadow-card: 0 12px 32px rgb(35 45 78 / 8%);
  --mas-shadow-focus: 0 0 0 3px rgb(100 121 223 / 20%);
  --mas-motion-fast: 140ms ease;
  --mas-hover-opacity: .88;
  --mas-disabled-opacity: .48;
  --mas-z-sticky: 20;
}
/* @bulk:end */

/* @bulk:start kits/ui-kit/theme.css/dark ui MAS Dark Theme Tokens */
/* @use Provides: readable automatic dark-mode token overrides */
/* @use Requires: light token contract declared above */
@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;
    --mas-app-background: #101522;
    --mas-surface: #171e2e;
    --mas-surface-muted: #20283a;
    --mas-surface-raised: #1b2334;
    --mas-code-surface: #0a0e18;
    --mas-code-text: #edf1fb;
    --mas-text: #edf1fa;
    --mas-text-muted: #aeb8cd;
    --mas-border: #303a50;
    --mas-border-strong: #4b5872;
    --mas-primary: #93a4ff;
    --mas-primary-soft: #28345f;
    --mas-on-primary: #10162d;
    --mas-focus: #a5b3ff;
    --mas-success: #67d6a8;
    --mas-success-soft: #183d31;
    --mas-danger: #ff99a8;
    --mas-danger-soft: #4a2530;
    --mas-on-danger: #2b1017;
    --mas-info: #86c4ff;
    --mas-info-soft: #1d3853;
    --mas-shadow-sm: 0 1px 3px rgb(0 0 0 / 24%);
    --mas-shadow-card: 0 16px 38px rgb(0 0 0 / 22%);
    --mas-shadow-focus: 0 0 0 3px rgb(165 179 255 / 24%);
  }
}
/* @bulk:end */