/**
 * Paleta Gidlanka — wspólna dla strony (site-v2) i aplikacji Android
 * Źródło: android-app/.../GidlankaColors.kt, GidlankaUi.kt
 */
:root {
  --brand-blue: #4f46e5;
  --brand-blue-hover: #4338ca;
  --brand-violet: #7c3aed;
  --brand-blue-soft: #eef2ff;
  --brand-blue-glow: rgba(79, 70, 229, 0.45);
  --brand-violet-soft: #f5f3ff;

  --brand-bg: #fafbfc;
  --brand-bg-elevated: #ffffff;
  --brand-surface: #ffffff;
  --brand-surface-variant: #f1f5f9;
  --brand-text: #0c1222;
  --brand-muted: #5b6478;
  --brand-border: rgba(12, 18, 34, 0.08);
  --brand-border-strong: rgba(12, 18, 34, 0.12);

  --brand-success: #16a34a;
  --brand-success-soft: #dcfce7;
  --brand-error: #dc2626;
  --brand-error-soft: #fee2e2;

  --brand-radius: 14px;
  --brand-radius-lg: 20px;
  --brand-radius-xl: 28px;

  --brand-gradient: linear-gradient(135deg, var(--brand-blue) 0%, var(--brand-violet) 100%);
  --brand-gradient-hero:
    radial-gradient(ellipse 90% 70% at 10% -20%, rgba(79, 70, 229, 0.18), transparent 50%),
    radial-gradient(ellipse 60% 50% at 90% 0%, rgba(124, 58, 237, 0.12), transparent 45%),
    linear-gradient(180deg, #f8f9ff 0%, #f3f5fc 42%, var(--brand-bg) 100%);
  --brand-gradient-cta:
    radial-gradient(ellipse 80% 60% at 0% 0%, rgba(79, 70, 229, 0.14), transparent 55%),
    radial-gradient(ellipse 55% 50% at 100% 100%, rgba(124, 58, 237, 0.1), transparent 50%),
    linear-gradient(165deg, #f5f7ff 0%, #ffffff 40%, #f8fafc 100%);
}

html[data-theme='dark'] {
  --brand-bg: #0c1222;
  --brand-bg-elevated: #151b2e;
  --brand-surface: #151b2e;
  --brand-surface-variant: #1e293b;
  --brand-text: #f1f5f9;
  --brand-muted: #94a3b8;
  --brand-border: rgba(148, 163, 184, 0.12);
  --brand-border-strong: rgba(148, 163, 184, 0.2);
  --brand-blue-soft: rgba(79, 70, 229, 0.15);
  --brand-violet-soft: rgba(124, 58, 237, 0.12);

  --brand-gradient-hero:
    radial-gradient(ellipse 85% 55% at 12% -15%, rgba(79, 70, 229, 0.38), transparent 58%),
    radial-gradient(ellipse 55% 45% at 88% 8%, rgba(124, 58, 237, 0.24), transparent 52%),
    radial-gradient(ellipse 70% 50% at 50% 100%, rgba(15, 23, 42, 0.85), transparent 70%),
    linear-gradient(180deg, #141b2e 0%, #0f1524 38%, #0c1222 72%, #0a0f1a 100%);
  --brand-gradient-cta:
    radial-gradient(ellipse 75% 55% at 5% 0%, rgba(79, 70, 229, 0.3), transparent 58%),
    radial-gradient(ellipse 60% 45% at 95% 100%, rgba(124, 58, 237, 0.18), transparent 52%),
    linear-gradient(165deg, #1a2342 0%, #171f38 45%, #141b2e 100%);
}