/* YGS theme contract: Dark Blue */
[data-theme="darkblue"] {
  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: #08111f;
  --color-secondary: #94a3b8;
  --color-secondary-hover: #cbd5e1;
  --color-secondary-soft: #172554;
  --color-on-secondary: #08111f;

  --color-success: #5eead4;
  --color-success-hover: #99f6e4;
  --color-success-soft: #0f3d3e;
  --color-warning: #fbbf24;
  --color-warning-hover: #fcd34d;
  --color-warning-soft: #4a2c0a;
  --color-danger: #fda4af;
  --color-danger-hover: #fecdd3;
  --color-danger-soft: #4c1624;
  --color-info: #67e8f9;
  --color-info-hover: #a5f3fc;
  --color-info-soft: #164e63;

  --color-text: #f8fafc;
  --color-text-strong: #ffffff;
  --color-text-muted: #cbd5e1;
  --color-text-subtle: #94a3b8;
  --color-text-disabled: #64748b;
  --color-text-inverse: #08111f;
  --color-link: #93c5fd;
  --color-link-hover: #bfdbfe;

  --color-canvas: #0b1220;
  --color-surface: #08111f;
  --color-surface-muted: #0f1b2d;
  --color-surface-hover: #182438;
  --color-surface-active: #1e3a5f;
  --color-surface-disabled: #111827;
  --color-border: #334155;
  --color-border-soft: #1e293b;
  --color-border-strong: #475569;
  --color-focus: #60a5fa;
  --color-selection: #1e3a5f;
  --color-backdrop: rgb(2 6 23 / 76%);
  --color-scrollbar-track: transparent;
  --color-scrollbar-thumb: rgb(71 85 105 / 72%);
  --color-scrollbar-thumb-hover: rgb(148 163 184 / 86%);

  --shadow-color: rgb(2 6 23 / 52%);
  --shadow-sm: 0 1px 2px rgb(2 6 23 / 28%);
  --shadow-md: 0 4px 12px rgb(2 6 23 / 38%);
  --shadow-menu: 0 14px 30px var(--shadow-color);
  --shadow-modal: 0 20px 55px rgb(2 6 23 / 62%);

  --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="darkblue"] {
    --font-size-base: 16px;
    --font-size-control: 16px;
    --font-size-compact: 14px;
    --font-size-small: 13px;
    --font-size-title: 16px;
  }
}