/* ============================================================
   MSSP Agency — Effects, spacing & geometry tokens
   Glass, borders, corner-brackets, radii, spacing.
   ============================================================ */

:root {
  /* ---- Corner radii ---- */
  --radius-none: 0px;
  --radius-xs: 3px;        /* team photo, small chips */
  --radius-sm: 6px;
  --radius-md: 12px;       /* corner-radii/xl token */
  --radius-lg: 20px;
  --radius-pill: 9999px;   /* buttons are fully-round pills */

  /* ---- Spacing scale ---- */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --space-10: 128px;

  /* ---- Borders ---- */
  --border-width: 1px; /* @kind spacing */
  /* the recurring hairline card frame */
  --frame-hairline: inset 0 0 0 1px var(--border-hairline);

  /* ---- Glass / frosted surfaces ---- */
  --blur-glass: blur(69px); /* @kind other */
  --shadow-glass-inset: inset 0 0 19.566px 0 var(--alpha-white-05),
                        inset 0 1.151px 1.151px 0 var(--alpha-white-15);

  /* ---- Elevation ---- */
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.3);
  --shadow-md: 0 8px 24px rgba(0,0,0,0.35);
  --shadow-lg: 0 24px 60px rgba(0,0,0,0.45);
  --shadow-focus: 0 0 0 3px rgba(144,30,244,0.35);

  /* ---- Signature gradients ---- */
  --grad-button: linear-gradient(90deg, var(--purple-900) 0%, var(--purple-600) 100%);
  --grad-button-hover: linear-gradient(72.97deg, var(--purple-600) 0%, var(--purple-deep) 74%, var(--purple-deep) 100%);
  --grad-hero: linear-gradient(135deg, var(--mssp-bright) 0%, var(--purple-600) 100%);
  --grad-violet: linear-gradient(135deg, var(--mssp-alt-bright) 0%, var(--mssp-bright) 100%);

  /* ---- Corner-bracket marker (the purple squares at card corners) ---- */
  --corner-marker-size: 20px; /* @kind spacing */

  /* ---- Motion ---- */
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1); /* @kind other */
  --dur-fast: 140ms;  /* @kind other */
  --dur-base: 220ms;  /* @kind other */
  --dur-slow: 400ms;  /* @kind other */
}