/* YGS theme contract: Dark */
[data-theme="dark"] {
  color-scheme: dark;

  --font-sans: Roboto, Arial, sans-serif;
  --font-display: Roboto, Arial, sans-serif;
  --font-serif: Georgia, "Times New Roman", serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  --font-size-base: 14px;
  --font-size-control: var(--font-size-base);
  --font-size-compact: 13px;
  --font-size-small: 12px;
  --font-size-title: 14px;
  --application-font: var(--font-sans);
  --application-font-size: var(--font-size-base);
  --application-line-height: 1.5;
  --uifloat-background: var(--color-surface);

  --color-primary: #60a5fa;
  --color-primary-hover: #93c5fd;
  --color-primary-active: #bfdbfe;
  --color-primary-soft: #172554;
  --color-on-primary: #0f172a;
  --color-secondary: #94a3b8;
  --color-secondary-hover: #cbd5e1;
  --color-secondary-soft: #1e293b;
  --color-on-secondary: #0f172a;

  --color-success: #6ee7b7;
  --color-success-hover: #a7f3d0;
  --color-success-soft: #052e2b;
  --color-warning: #fcd34d;
  --color-warning-hover: #fde68a;
  --color-warning-soft: #422006;
  --color-danger: #fca5a5;
  --color-danger-hover: #fecaca;
  --color-danger-soft: #450a0a;
  --color-info: #7dd3fc;
  --color-info-hover: #bae6fd;
  --color-info-soft: #0c4a6e;

  --color-text: #e2e8f0;
  --color-text-strong: #f8fafc;
  --color-text-muted: #cbd5e1;
  --color-text-subtle: #94a3b8;
  --color-text-disabled: #64748b;
  --color-text-inverse: #0f172a;
  --color-link: #93c5fd;
  --color-link-hover: #bfdbfe;

  --color-canvas: #020617;
  --color-surface: #0f172a;
  --color-surface-muted: #1e293b;
  --color-surface-hover: #1e3a5f;
  --color-surface-active: #1e40af;
  --color-surface-disabled: #172033;
  --color-border: #475569;
  --color-border-soft: #334155;
  --color-border-strong: #64748b;
  --color-focus: #93c5fd;
  --color-selection: #1e3a8a;
  --color-backdrop: rgb(0 0 0 / 72%);
  --color-scrollbar-track: transparent;
  --color-scrollbar-thumb: rgb(100 116 139 / 72%);
  --color-scrollbar-thumb-hover: rgb(148 163 184 / 82%);

  --shadow-color: rgb(0 0 0 / 45%);
  --shadow-sm: 0 1px 2px rgb(0 0 0 / 24%);
  --shadow-md: 0 4px 12px rgb(0 0 0 / 32%);
  --shadow-menu: 0 14px 30px var(--shadow-color);
  --shadow-modal: 0 20px 55px rgb(0 0 0 / 55%);

  --radius-control: 6px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-pill: 999px;
  --control-height-small: 31px;
  --control-height: 38px;
  --control-height-large: 48px;
  --transition-fast: 160ms ease;
  --transition-base: 240ms ease;
}

@media (max-width: 767px) {
  [data-theme="dark"] {
    --font-size-base: 16px;
    --font-size-control: 16px;
    --font-size-compact: 14px;
    --font-size-small: 13px;
    --font-size-title: 16px;
  }
}