/*
 * LOGOS form design tokens — semantic variables only.
 * Theme layers (high-contrast, dense) override these on html[data-theme="…"].
 * Default palette: match legacy Logos auth cards (dark + cyan accent).
 */

:root {
  /* Colors */
  --color-bg: #000000;
  --color-surface: #111111;
  --color-surface-elevated: #1a1a1a;
  --color-border: #333333;
  --color-border-strong: #444444;
  --color-text: #eeeeee;
  --color-text-muted: #888888;
  --color-text-placeholder: #555555;
  --color-accent: #00aaff;
  --color-accent-contrast: #000000;
  --color-error: #f87171;
  --color-error-bg: rgba(239, 68, 68, 0.15);
  --color-error-border: rgba(239, 68, 68, 0.3);
  --color-success: #4ade80;
  --color-success-bg: rgba(74, 222, 128, 0.12);
  --color-focus-ring: #00aaff;

  /* Typography */
  --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
  --font-size-sm: 0.75rem;
  --font-size-md: 0.9375rem;
  --font-size-lg: 1rem;
  --font-size-xl: 1.125rem;
  --line-height-tight: 1.25;
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.62;

  /* Spacing scale (rem) */
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;

  /* Radii */
  --radius-sm: 0.375rem;
  --radius-md: 0.625rem;
  --radius-lg: 1rem;

  /* Form */
  --input-height: 3rem;
  --input-padding-x: 1rem;
  --input-border-width: 0.0625rem;
  --label-weight: 600;
  --field-gap: var(--space-lg);

  /* Motion */
  --transition-fast: 0.15s ease;
}

html {
  /* Do not override logos-base.css mobile html scaling (18px on phones). */
  font-size: inherit;
}