/* Plandra marketing site — design tokens (plandra_new_website.md) */
:root {
  --color-primary: #3976ea;
  --color-primary-hover: #2d62d4;
  --gradient-page-light: linear-gradient(165deg, #eff6fb 0%, #fff3eb 100%);
  --gradient-page-dark: linear-gradient(165deg, #10151f 0%, #1b1a24 100%);
  --color-text: #1e293b;
  --color-text-muted: #64748b;
  --color-text-inverse: #f1f5f9;
  --color-text-muted-inverse: #94a3b8;
  --color-card: #ffffff;
  --color-card-dark: #171c26;
  --color-card-inner-dark: #1e232d;
  --color-surface-secondary: #f5f6fa;
  --color-surface-secondary-dark: #2c3039;
  --color-danger: #ef4444;
  --color-orange: #ea8b39;
  --color-success: #008000;
  --color-success-dark: #22c55e;
  --radius-card: 18px;
  --radius-card-inner: 14px;
  --radius-input: 15px;
  --radius-pill: 999px;
  --shadow-card: 0 8px 16px rgba(15, 23, 42, 0.06);
  --shadow-card-dark: 0 8px 24px rgba(0, 0, 0, 0.35);
  --border-card: rgba(15, 23, 42, 0.06);
  --border-card-dark: rgba(241, 245, 249, 0.08);
  --max-width: 1240px;
  --pad-x: 24px;
  --pad-x-lg: 80px;
  --section-y: 96px;
  --section-y-mobile: 64px;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-out-cubic: cubic-bezier(0.33, 1, 0.68, 1);
  --duration: 300ms;
  --duration-fast: 100ms;
  --font-sans: "Figtree", system-ui, -apple-system, sans-serif;
}

[data-theme="dark"] {
  --color-text: var(--color-text-inverse);
  --color-text-muted: var(--color-text-muted-inverse);
  --color-card: var(--color-card-dark);
  --color-surface-secondary: var(--color-surface-secondary-dark);
  --border-card: var(--border-card-dark);
  --shadow-card: var(--shadow-card-dark);
}

@media (min-width: 768px) {
  :root {
    --pad-x: 48px;
  }
}

@media (min-width: 1024px) {
  :root {
    --section-y: 120px;
  }
}