/* ============================================
   PROGRESS HEX — Brand CSS
   v1.0 · April 2026
   Source: Progress Hex Brand Guideline (Rowe & Bear)

   Import: <link rel="stylesheet" href="https://[your-domain]/brand.css">
   Or:     @import url('https://[your-domain]/brand.css');
   ============================================ */

:root {
  /* ---- MAIN colours ---- */
  --ph-orange:       #f68e20;  /* Orange — CMYK 0 42 87 4 */
  --ph-burnt-orange: #ed5a4d;  /* Burnt orange — CMYK 0 62 68 7 */

  /* ---- SECONDARY colours ---- */
  --ph-dark-blue:    #0f1860;  /* Dark Blue — CMYK 84 75 0 62 */
  --ph-blue:         #182784;  /* Blue — CMYK 82 70 0 48 */
  --ph-grey:         #f7f7f7;  /* Grey — CMYK 0 0 0 3 */
  --ph-white:        #ffffff;

  /* ---- Extended neutrals (derived, for UI use) ---- */
  --ph-ink:          #0a0e33;
  --ph-slate:        #3a3e5c;
  --ph-mist:         #8a8b94;
  --ph-cloud:        #d8d8de;

  /* ---- Signature gradient (logo hexagon border) ---- */
  --ph-gradient:     linear-gradient(135deg, var(--ph-burnt-orange) 0%, var(--ph-orange) 100%);

  /* ---- Typography ---- */
  --ph-font-primary:   'Poppins', system-ui, sans-serif;
  --ph-font-secondary: 'Gilroy', 'Poppins', system-ui, sans-serif;

  --ph-weight-light:     300;
  --ph-weight-regular:   400;
  --ph-weight-medium:    500;
  --ph-weight-semibold:  600;
  --ph-weight-bold:      700;
  --ph-weight-extrabold: 800;

  /* ---- Type scale ---- */
  --ph-text-xs:   0.75rem;
  --ph-text-sm:   0.875rem;
  --ph-text-base: 1rem;
  --ph-text-lg:   1.125rem;
  --ph-text-xl:   1.5rem;
  --ph-text-2xl:  2rem;
  --ph-text-3xl:  3rem;
  --ph-text-4xl:  4.5rem;
  --ph-text-5xl:  6rem;

  /* ---- Radius ---- */
  --ph-radius-sm:   4px;
  --ph-radius-md:   8px;
  --ph-radius-lg:   16px;
  --ph-radius-xl:   24px;
  --ph-radius-full: 999px;

  /* ---- Spacing (8pt grid) ---- */
  --ph-space-1: 0.25rem;
  --ph-space-2: 0.5rem;
  --ph-space-3: 0.75rem;
  --ph-space-4: 1rem;
  --ph-space-6: 1.5rem;
  --ph-space-8: 2rem;
  --ph-space-12: 3rem;
  --ph-space-16: 4rem;
  --ph-space-24: 6rem;
}