/**
 * PikinLab design tokens — SaaS Platform (Linear / Stripe style).
 * Source: saas-dashboard-design (theme.css + design spec).
 * Подключать первым перед auth.css, dashboard.css, admin.css.
 */
:root {
  --pikinlab-font: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
  --pikinlab-font-size: 16px;
  --pikinlab-radius: 0.625rem;
  --pikinlab-radius-sm: calc(var(--pikinlab-radius) - 4px);
  --pikinlab-radius-lg: calc(var(--pikinlab-radius) + 4px);

  /* Light theme (design spec + theme.css) */
  --pikinlab-bg: #f5f7fb;
  --pikinlab-bg-card: #ffffff;
  --pikinlab-foreground: #030213;
  --pikinlab-muted: #ececf0;
  --pikinlab-muted-foreground: #717182;
  --pikinlab-border: rgba(0, 0, 0, 0.1);
  --pikinlab-input-bg: #f3f3f5;
  --pikinlab-primary: #030213;
  --pikinlab-primary-foreground: #ffffff;
  --pikinlab-accent: #e9ebef;
  --pikinlab-destructive: #d4183d;

  /* Gradient: purple to orange (design spec + Layout/Dashboard) */
  --pikinlab-gradient-from: #7c3aed;
  --pikinlab-gradient-to: #ea580c;
  --pikinlab-gradient: linear-gradient(90deg, var(--pikinlab-gradient-from) 0%, var(--pikinlab-gradient-to) 100%);
  --pikinlab-gradient-soft: linear-gradient(180deg, #fafafa 0%, #f5f5f7 50%, #f8f7fc 100%);
  --pikinlab-gradient-page: linear-gradient(to bottom right, #f9fafb 0%, rgba(243, 232, 255, 0.2) 50%, rgba(255, 237, 213, 0.2) 100%);

  /* Shadows */
  --pikinlab-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06);
  --pikinlab-shadow-md: 0 4px 20px rgba(0, 0, 0, 0.06);
  --pikinlab-shadow-lg: 0 10px 40px rgba(0, 0, 0, 0.08);
  --pikinlab-shadow-card: 0 4px 24px rgba(0, 0, 0, 0.06), 0 0 1px rgba(0, 0, 0, 0.04);
}

/* Base typography */
body {
  font-family: var(--pikinlab-font);
  font-size: var(--pikinlab-font-size);
  -webkit-font-smoothing: antialiased;
}