:root {
  --sym-font-heading: "Tektur", system-ui, sans-serif;
  --sym-font-body: "Ruda", system-ui, sans-serif;

  --sym-green: #00ff9d;
  --sym-cyan: #00eaff;
  --sym-purple: #9b5cff;

  --sym-radius-md: 16px;
  --sym-radius-lg: 24px;

  --sym-container: 1180px;
  --sym-transition: 180ms ease;
}

html[data-theme="light"] {
  --sym-bg: #f3f7ff;
  --sym-surface: #ffffff;
  --sym-surface-2: #eef3fb;
  --sym-text: #111719;
  --sym-muted: #627074;
  --sym-border: rgba(17, 23, 25, .12);
  --sym-shadow: 0 18px 60px rgba(20, 40, 45, .10);
}

html[data-theme="dark"] {
  --sym-bg: #14181b;
  --sym-surface: #20262b;
  --sym-surface-2: #252c31;
  --sym-text: #f4f7f7;
  --sym-muted: #9aa6aa;
  --sym-border: rgba(255, 255, 255, .12);
  --sym-shadow: 0 22px 80px rgba(0, 0, 0, .36);
}