/* ============================================================
   PROSPER BY AGFG — Brand Design Tokens
   All colours, typography and spacing live here.
   To retheme for a partner campaign, override these variables
   in a campaign-specific stylesheet.
   ============================================================ */

:root {
  /* --- Core brand colours --- */
  --color-primary:       #BF2226;   /* AGFG Red — confirmed from agfg.com.au */
  --color-primary-dark:  #991B1E;   /* Hover / active state */
  --color-primary-light: #F5E6E7;   /* Tinted background */

  --color-accent:        #F2A623;   /* Gold — energy, action */
  --color-accent-dark:   #C9861A;
  --color-accent-light:  #FEF3DC;

  /* --- Neutrals --- */
  --color-dark:          #1D1D1D;   /* AGFG near-black — confirmed */
  --color-mid:           #57585A;   /* AGFG mid grey — confirmed */
  --color-light:         #FAF9F5;   /* AGFG warm off-white — confirmed */
  --color-white:         #FFFFFF;

  /* --- Semantic --- */
  --color-success:       #1E7E4A;
  --color-error:         #C8102E;

  /* --- Typography --- */
  --font-heading: 'Montserrat', sans-serif;
  --font-body:    'Inter', sans-serif;

  --text-xs:   0.75rem;   /* 12px */
  --text-sm:   0.875rem;  /* 14px */
  --text-base: 1rem;      /* 16px */
  --text-lg:   1.125rem;  /* 18px */
  --text-xl:   1.25rem;   /* 20px */
  --text-2xl:  1.5rem;    /* 24px */
  --text-3xl:  1.875rem;  /* 30px */
  --text-4xl:  2.25rem;   /* 36px */
  --text-5xl:  3rem;      /* 48px */

  /* --- Spacing --- */
  --space-1:  0.25rem;
  --space-2:  0.5rem;
  --space-3:  0.75rem;
  --space-4:  1rem;
  --space-6:  1.5rem;
  --space-8:  2rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;

  /* --- Layout --- */
  --container-max:   1200px;
  --container-narrow: 800px;
  --radius-sm:  4px;
  --radius-md:  8px;
  --radius-lg:  16px;
  --radius-full: 9999px;

  /* --- Shadows --- */
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.08);
  --shadow-md: 0 4px 12px rgba(0,0,0,0.10);
  --shadow-lg: 0 8px 32px rgba(0,0,0,0.12);

  /* --- Transitions --- */
  --transition: 0.2s ease;
}