:root {
  color-scheme: dark;

  --color-bg: #07111f;
  --color-bg-deep: #040a13;
  --color-surface: #0b1829;
  --color-surface-2: #0f2035;
  --color-surface-3: #142943;
  --color-surface-soft: #101d2f;
  --color-elevated: #13243a;
  --color-line: rgba(148, 169, 194, 0.16);
  --color-line-strong: rgba(148, 169, 194, 0.28);
  --color-text: #f7fbff;
  --color-text-soft: #d7e3f0;
  --color-muted: #94a9c2;
  --color-muted-2: #6f849e;
  --color-brand: #2ea7ff;
  --color-brand-strong: #0c7dd6;
  --color-cyan: #66e3ff;
  --color-success: #41d39e;
  --color-warning: #f5c76b;
  --color-danger: #ff7458;
  --color-violet: #9f8cff;
  --color-white: #ffffff;
  --color-black: #000000;

  --gradient-brand: linear-gradient(135deg, #2ea7ff 0%, #66e3ff 100%);
  --gradient-brand-deep: linear-gradient(135deg, #0c7dd6 0%, #2ea7ff 55%, #66e3ff 100%);
  --gradient-surface: linear-gradient(145deg, rgba(20, 41, 67, 0.92), rgba(9, 23, 39, 0.92));
  --gradient-border: linear-gradient(135deg, rgba(102, 227, 255, 0.5), rgba(46, 167, 255, 0.04), rgba(65, 211, 158, 0.28));

  --font-sans: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;

  --size-1: 0.25rem;
  --size-2: 0.5rem;
  --size-3: 0.75rem;
  --size-4: 1rem;
  --size-5: 1.25rem;
  --size-6: 1.5rem;
  --size-7: 2rem;
  --size-8: 2.5rem;
  --size-9: 3rem;
  --size-10: 4rem;
  --size-11: 5rem;
  --size-12: 6.5rem;

  --radius-sm: 0.65rem;
  --radius-md: 1rem;
  --radius-lg: 1.4rem;
  --radius-xl: 1.9rem;
  --radius-pill: 999px;

  --shadow-sm: 0 10px 30px rgba(0, 0, 0, 0.18);
  --shadow-md: 0 24px 70px rgba(0, 0, 0, 0.28);
  --shadow-lg: 0 40px 120px rgba(0, 0, 0, 0.38);
  --shadow-brand: 0 18px 50px rgba(46, 167, 255, 0.26);

  --container: 1240px;
  --header-height: 78px;
  --transition: 180ms ease;
  --workflow-cycle: 12s;
}