/*
 * Varzytines.com — A etapo suderinamumo sluoksnis.
 * Įkelti PO dabartinio app.css / inline :root ir PRIEŠ varzytines-components.css.
 * B etape šį failą pakeičia varzytines-tokens.css; HTML klasės nesikeičia.
 */

:root {
  color-scheme: dark;
  --vz-color-canvas: var(--bg-0, #07070d);
  --vz-color-surface: var(--bg-2, #13131d);
  --vz-color-surface-subtle: var(--bg-1, #0c0c14);
  --vz-color-surface-muted: var(--bg-3, #1a1a26);
  --vz-color-surface-raised: var(--bg-3, #1a1a26);
  --vz-color-overlay: #07070de6;
  --vz-color-text: var(--text, #f5f5f7);
  --vz-color-text-muted: var(--text-2, #b4b4c0);
  --vz-color-text-subtle: var(--text-3, #8a8a9a);
  --vz-color-text-disabled: #707080;
  --vz-color-text-inverse: #07070d;
  --vz-color-border: var(--border, #ffffff12);
  --vz-color-border-strong: var(--border-strong, #ffffff24);
  --vz-color-divider: #ffffff12;
  --vz-color-focus: var(--accent-4, #3b82f6);
  --vz-color-action: var(--accent, #8b5cf6);
  --vz-color-action-hover: var(--accent-2, #a855f7);
  --vz-color-action-active: var(--accent-3, #6366f1);
  --vz-color-action-soft: #8b5cf61f;
  --vz-color-action-soft-hover: #8b5cf633;
  --vz-color-link: #a78bfa;
  --vz-color-link-hover: #c4b5fd;

  --vz-data-verified-fg: #86efac;
  --vz-data-verified-bg: #14532d52;
  --vz-data-verified-border: #22c55e80;
  --vz-data-source-fg: #93c5fd;
  --vz-data-source-bg: #1e3a5f70;
  --vz-data-source-border: #3b82f680;
  --vz-data-estimate-fg: #fcd34d;
  --vz-data-estimate-bg: #713f124d;
  --vz-data-estimate-border: #f59e0b80;
  --vz-data-insufficient-fg: #fdba74;
  --vz-data-insufficient-bg: #7c2d124d;
  --vz-data-insufficient-border: #fb923c80;
  --vz-data-na-fg: #cbd5e1;
  --vz-data-na-bg: #33415570;
  --vz-data-na-border: #64748b80;

  --vz-verdict-buy-fg: #86efac;
  --vz-verdict-buy-bg: var(--buy-bg, #22c55e1f);
  --vz-verdict-buy-border: #22c55e80;
  --vz-verdict-check-fg: #fcd34d;
  --vz-verdict-check-bg: var(--check-bg, #f59e0b1f);
  --vz-verdict-check-border: #f59e0b80;
  --vz-verdict-watch-fg: #93c5fd;
  --vz-verdict-watch-bg: #3b82f61f;
  --vz-verdict-watch-border: #3b82f680;
  --vz-verdict-pass-fg: #cbd5e1;
  --vz-verdict-pass-bg: var(--reject-bg, #64748b1a);
  --vz-verdict-pass-border: #64748b80;
  --vz-verdict-none-fg: var(--text-3, #8a8a9a);
  --vz-verdict-none-bg: var(--bg-1, #0c0c14);
  --vz-verdict-none-border: var(--border, #ffffff12);

  --vz-color-success: #86efac;
  --vz-color-success-soft: #14532d52;
  --vz-color-warning: #fcd34d;
  --vz-color-warning-soft: #713f124d;
  --vz-color-danger: #fca5a5;
  --vz-color-danger-soft: #7f1d1d52;
  --vz-color-danger-border: #ef444480;

  --vz-font-sans: var(--font, "Inter", system-ui, sans-serif);
  --vz-font-mono: var(--mono, ui-monospace, monospace);
  --vz-font-weight-regular: 400;
  --vz-font-weight-semibold: 600;
  --vz-font-weight-bold: 700;
  --vz-font-size-caption: 0.75rem;
  --vz-font-size-ui: 0.875rem;
  --vz-font-size-body: 1rem;
  --vz-font-size-lead: 1.25rem;
  --vz-font-size-title: 1.75rem;
  --vz-line-height-tight: 1.2;
  --vz-line-height-ui: 1.4;
  --vz-line-height-body: 1.6;
  --vz-letter-spacing-label: 0.02em;
  --vz-letter-spacing-caps: 0.06em;

  --vz-space-0: 0;
  --vz-space-1: 0.25rem;
  --vz-space-2: 0.5rem;
  --vz-space-3: 0.75rem;
  --vz-space-4: 1rem;
  --vz-space-5: 1.5rem;
  --vz-space-6: 2rem;
  --vz-space-7: 3rem;
  --vz-radius-xs: 0.125rem;
  --vz-radius-sm: 0.25rem;
  --vz-radius-md: var(--radius, 0.75rem);
  --vz-radius-lg: var(--radius-lg, 1.125rem);
  --vz-radius-pill: 999rem;
  --vz-border-width: 0.0625rem;
  --vz-border-width-strong: 0.125rem;
  --vz-shadow-panel: var(--shadow-md, 0 0.75rem 2rem -0.5rem #0000008c);
  --vz-shadow-dialog: var(--shadow-lg, 0 2rem 4rem -1rem #000000b3);
  --vz-size-touch: 2.75rem;
  --vz-size-control: 2.5rem;
  --vz-size-header: var(--header-h, 3.5rem);
  --vz-size-content-max: 78rem;
  --vz-size-text-measure: 68ch;
  --vz-duration-fast: 120ms;
  --vz-duration-standard: 180ms;
  --vz-ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --vz-z-header: 100;
  --vz-z-popover: 300;
  --vz-z-banner: 400;
  --vz-z-dialog: 600;
  --vz-z-toast: 700;
}
