/* ============================================================
   capify.gr v2 — Design tokens
   Brand: deep-space indigo, aurora gradients, glass surfaces
   ============================================================ */
:root {
  /* Palette — dark (default) */
  --bg: #070919;
  --bg-2: #0b0e24;
  --surface: rgba(255, 255, 255, 0.045);
  --surface-2: rgba(255, 255, 255, 0.075);
  --line: rgba(255, 255, 255, 0.09);
  --line-strong: rgba(255, 255, 255, 0.16);

  /* Brand */
  --c-primary: #6366f1;
  --c-primary-deep: #4f46e5;
  --c-violet: #a855f7;
  --c-cyan: #22d3ee;
  --c-teal: #2dd4bf;
  --c-grad: linear-gradient(115deg, #6366f1 0%, #a855f7 48%, #22d3ee 100%);
  --c-grad-soft: linear-gradient(115deg, rgba(99, 102, 241, .22), rgba(168, 85, 247, .16) 48%, rgba(34, 211, 238, .18));

  /* Text */
  --t-hi: #f2f4ff;
  --t-mid: rgba(226, 232, 255, 0.72);
  --t-low: rgba(226, 232, 255, 0.5);
  --t-on-grad: #ffffff;

  /* Light sections (data-theme="light") */
  --lt-bg: #f6f7fc;
  --lt-bg-2: #eef0fa;
  --lt-text: #12142b;
  --lt-mid: rgba(18, 20, 43, 0.72);
  --lt-low: rgba(18, 20, 43, 0.55);
  --lt-line: rgba(18, 20, 43, 0.09);
  --lt-card: #ffffff;

  /* Shape */
  --r-sm: 10px;
  --r-md: 16px;
  --r-lg: 22px;
  --r-xl: 30px;
  --r-pill: 999px;

  /* Type */
  --f-display: "Geom", "Inter", system-ui, sans-serif;
  --f-body: "Geom", "Inter", system-ui, sans-serif;

  /* Glow shadows */
  --glow: 0 0 0 1px rgba(99, 102, 241, .35), 0 8px 40px -8px rgba(99, 102, 241, .55);
  --shadow-card: 0 20px 60px -20px rgba(4, 6, 20, .55);
  --shadow-float: 0 30px 80px -30px rgba(60, 60, 180, .45);

  /* Motion */
  --ease-out: cubic-bezier(.22, 1, .36, 1);
  --ease-spring: cubic-bezier(.34, 1.56, .64, 1);

  /* Container */
  --container: 1180px;
  --gutter: clamp(20px, 4vw, 40px);

  /* Nav height */
  --nav-h: 76px;
}