/*
  Design tokens for FenAutomations.
  Edit this file to re-theme the entire site.
*/
:root {
  /* Backgrounds */
  --bg-primary: #05070d;
  --bg-secondary: #090c15;
  --bg-panel: #0c101c;
  --bg-panel-raised: #10152400;

  /* Glass surfaces */
  --glass-bg: rgba(255, 255, 255, 0.035);
  --glass-bg-strong: rgba(255, 255, 255, 0.06);
  --glass-border: rgba(255, 255, 255, 0.09);
  --glass-border-strong: rgba(255, 255, 255, 0.14);

  /* Accent: electric blue / cyan */
  --accent: #33d6ff;
  --accent-2: #4f8dff;
  --accent-soft: rgba(51, 214, 255, 0.14);
  --accent-glow: rgba(51, 214, 255, 0.35);
  --accent-gradient: linear-gradient(135deg, #33d6ff 0%, #4f8dff 100%);

  /* Status */
  --success: #35e0a1;
  --success-soft: rgba(53, 224, 161, 0.14);

  /* Text */
  --text-primary: #eef1f6;
  --text-secondary: #a7b0c2;
  --text-muted: #6b7386;
  --text-on-accent: #04070d;

  /* Silver / cool gray line elements */
  --line: rgba(167, 176, 194, 0.16);
  --line-strong: rgba(167, 176, 194, 0.28);

  /* Type */
  --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --step-hero: clamp(2.6rem, 4.6vw + 1rem, 4.3rem);
  --step-h2: clamp(2rem, 3vw + 1rem, 3.25rem);
  --step-h3: clamp(1.25rem, 1vw + 1rem, 1.6rem);
  --step-body-lg: clamp(1.05rem, 0.4vw + 1rem, 1.25rem);
  --step-body: 1rem;
  --step-small: 0.875rem;

  /* Spacing scale */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;
  --space-10: 8rem;

  /* Radius */
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-full: 999px;

  /* Motion */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 160ms;
  --dur-med: 320ms;
  --dur-slow: 620ms;

  /* Layout */
  --container-max: 1240px;
  --header-h: 76px;
}