/* ============================================================
   Altoros FDE — Spacing, radius, shadow, layout tokens
   ============================================================ */
:root {
  /* ---- Spacing scale (px) ---- */
  --space-1:   4px;
  --space-2:   8px;
  --space-3:   12px;
  --space-4:   16px;
  --space-5:   22px;
  --space-6:   28px;
  --space-7:   34px;
  --space-8:   40px;
  --space-10:  56px;
  --space-12:  64px;

  /* section rhythm — vertical padding on full-width bands */
  --section-y:        84px;
  --section-y-lg:     90px;
  --section-pad-x:    40px;
  --gap-cards:        24px;   /* grid gap between cards */
  --gap-cards-lg:     28px;

  /* ---- Layout ---- */
  --container:        1180px; /* max content width */
  --header-h:         84px;   /* sticky header offset / scroll-padding */

  /* ---- Radius ---- */
  --radius-sm:    9px;    /* buttons / chips */
  --radius:       12px;   /* cards */
  --radius-lg:    14px;   /* feature cards / flip cards */
  --radius-xl:    16px;   /* panels, tables */
  --radius-2xl:   18px;   /* hero image, form shell */
  --radius-pill:  20px;   /* badges / pills */
  --radius-round: 50%;

  /* ---- Borders ---- */
  --border-w:        1px;
  --border-w-emph:   1.5px;   /* emphasized accent border */
  --border-w-accent: 3px;     /* top-accent rule on cards */

  /* ---- Shadows (warm, low-spread, mostly downward) ---- */
  --shadow-cta:    0 6px 18px rgba(255,171,48,.35);   /* amber CTA rest */
  --shadow-cta-hi: 0 10px 26px rgba(255,171,48,.45);  /* amber CTA hover */
  --shadow-table:  0 18px 50px -28px rgba(26,22,20,.4);
  --shadow-form:   0 24px 60px -38px rgba(40,30,90,.45);
  --shadow-card:   0 1px 3px rgba(26,22,20,.08);

  /* ---- Motion ---- */
  --ease-out:      cubic-bezier(.2,.7,.2,1); /* @kind other */
  --ease-inout:    cubic-bezier(.4,.1,.2,1); /* @kind other */
  --dur-fast:      .12s; /* @kind other */
  --dur:           .25s; /* @kind other */
  --dur-slow:      .5s; /* @kind other */
}