/* =============================================================================
 *  BRAND TOKENS — mirrors alto.guru. Re-skin the whole form by editing these.
 *  Pulled from Alto's live stylesheet (Inter font, teal primary, orange action).
 * ============================================================================= */
:root {
  /* Colours -------------------------------------------------------------- */
  --brand-primary: #4FC9DA;        /* Alto teal — links, selected states     */
  --brand-primary-dark: #2Fb4c6;   /* darker teal for hover                  */
  --brand-primary-tint: #ECFBFE;   /* very light teal — selected fill        */
  --brand-action: #F06445;         /* Alto orange — the main submit button   */
  --brand-action-dark: #d94f31;    /* darker orange for hover                */
  --brand-success: #B8D935;        /* Alto lime — success / thank-you accent */
  --brand-ink: #211F1C;            /* body text (Alto gray-900)              */
  --brand-muted: #716D66;          /* secondary text (Alto gray-700)         */
  --brand-faint: #968E7E;          /* hints / captions (Alto gray-500)       */
  --brand-line: #E4E0D7;           /* borders                                */
  --brand-card: #FFFFFF;           /* card background                        */
  --brand-bg: #F5F8FA;             /* page background (Alto marketing bg)     */
  --brand-bg-warm: #F8F6F2;        /* warm alt background (Alto light)        */
  --brand-danger: #C0392B;         /* validation errors                      */

  /* Type ----------------------------------------------------------------- */
  --brand-font: 'Inter', Helvetica, Arial, sans-serif;

  /* Shape ---------------------------------------------------------------- */
  --radius: 0.95rem;               /* Alto's default radius                  */
  --radius-sm: 0.5rem;
  --radius-pill: 50rem;
  --shadow: 0 1px 2px rgba(33, 31, 28, 0.04), 0 8px 24px rgba(33, 31, 28, 0.06);

  /* Layout --------------------------------------------------------------- */
  --content-width: 44rem;
}