/* Atyan Design — spacing, radii and layout widths, transcribed from email.fig.
   The email column is 600px with a 24px gutter; card grids use a 22px gap. */
:root{
  --space-1:2px;
  --space-2:6px;
  --space-3:8px;
  --space-4:11px;
  --space-5:12px;
  --space-6:16px;
  --space-7:22px;
  --space-8:24px;
  --space-9:28px;
  --space-10:32px;
  --space-11:40px;

  --gutter:24px;
  --email-width:600px;
  --email-content:552px;

  --radius-plate:11px;
  --radius-card:15px;
  --radius-block:16px;
  --radius-pill:30px;

  --hairline:1px;
  --rule-thin:0.5px;
}