/* Compatibility aliases: shared scales and fonts live in css/lococo-ui.css. */
:root {
  --ui-font-sans: var(--lococo-font-sans);
  --ui-text-xs: var(--lococo-text-xs);
  --ui-text-sm: var(--lococo-text-sm);
  --ui-text-md: var(--lococo-text-md);
  --ui-text-lg: var(--lococo-text-lg);
  --ui-title-sm: var(--lococo-title-sm);
  --ui-title-md: var(--lococo-title-md);
  --ui-title-lg: var(--lococo-title-lg);
  --ui-leading-tight: var(--lococo-leading-tight);
  --ui-leading-copy: var(--lococo-leading-copy);
  --ui-space-1: var(--lococo-space-1);
  --ui-space-2: var(--lococo-space-2);
  --ui-space-3: var(--lococo-space-3);
  --ui-space-4: var(--lococo-space-4);
  --ui-space-5: var(--lococo-space-5);
  --ui-space-6: var(--lococo-space-6);
  --ui-control-sm: var(--lococo-control-sm);
  --ui-control-md: var(--lococo-control-md);
  --ui-control-lg: var(--lococo-control-lg);
  --ui-radius-control: var(--lococo-radius-control);
  --ui-radius-card: var(--lococo-radius-card);
  --ui-radius-panel: var(--lococo-radius-panel);
  --ui-bg: #f7f6f3;
  --ui-surface: #ffffff;
  --ui-surface-muted: #f5f4f1;
  --ui-text: var(--lococo-ink);
  --ui-text-muted: var(--lococo-muted);
  --ui-border: var(--lococo-line);
  --ui-border-strong: var(--lococo-line-strong);
  --ui-focus: rgba(16, 43, 78, .22);
  --ui-shadow-card: none;
  --ui-shadow-panel: 0 12px 30px rgba(16, 43, 78, .08);
  --brand-navy: #102b4e;
  --brand-navy-deep: #081d35;
  --brand-gold: #b9934a;
  --brand-gold-soft: #f3ead7;
  --bg: var(--ui-bg);
  --surface: rgba(255, 255, 255, .96);
  --surface-soft: var(--ui-surface-muted);
  --line: var(--ui-border);
  --line-strong: var(--ui-border-strong);
  --muted: var(--ui-text-muted);
  --shadow: var(--ui-shadow-panel);
  --shadow-soft: var(--ui-shadow-card);
  --radius-lg: var(--ui-radius-panel);
  --radius-md: var(--ui-radius-card);
  --radius-sm: var(--ui-radius-control);
  --sidebar-width: 212px;
  --topbar-height: 46px;
}