/* Accelerant — design tokens derived from the brand book (brand/source/accelerant-brand-book.pdf).
   Source of truth for values: brand/BRAND.md. Import this before any component CSS. */
:root {
  /* Palette — hex values are verbatim from the brand book colour page (p.21) */
  --acc-gold-100: #FFDA88;   /* light gold: highlights, pattern fades, tints */
  --acc-gold-300: #FFCF52;   /* primary gold: CTAs, accents, mark gradient start */
  --acc-gold-500: #DBAA3E;   /* mid gold: hover states, borders, gradient mid */
  --acc-gold-700: #C4932F;   /* deep gold: pressed states, marks. NOT for text on light: 2.8:1 on white */
  --acc-blue-500: #4545CE;   /* indigo accent: links, secondary accents */
  --acc-navy-700: #000087;   /* bright brand navy */
  --acc-navy-800: #040051;   /* navy: wordmark colour, dark surfaces (fill of the vector logo) */
  --acc-navy-900: #08082D;   /* ink: deepest navy, footers, page background on dark */
  --acc-black:    #000000;
  --acc-white:    #FFFFFF;

  /* Gold gradient — the official stops from the kit's Illustrator SVG exports (brand/kit/Logo Files/SVG) */
  --acc-gradient-gold: linear-gradient(135deg, #FFCF52 0%, #C4932F 29%, #FADD4D 63%, #CF9440 100%);

  /* Semantic roles (light surface default) */
  --acc-bg:        var(--acc-white);
  --acc-surface:   #F3F3F3;              /* light card tone used in the book's mockups (rgb 95.3%) */
  --acc-fg:        var(--acc-navy-900);
  --acc-fg-muted:  #4A4A66;
  --acc-border:    #DCDCE6;
  --acc-accent:    var(--acc-gold-300);
  --acc-accent-fg: var(--acc-navy-900);   /* text on gold */
  --acc-link:      var(--acc-blue-500);
  --acc-gold-text-on-light: #7A5C14;  /* only gold-toned colour that passes AA for text on white (6.2:1); use rarely */

  /* Typography — brand book: Montserrat for all text; the logo face (Mont) is outlined in the SVGs */
  --acc-font-sans: 'Montserrat', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  --acc-weight-headline: 800;   /* Montserrat ExtraBold — headlines */
  --acc-weight-heading:  700;   /* Montserrat Bold — section headings */
  --acc-weight-subhead:  500;   /* Montserrat Medium — subheadings */
  --acc-weight-body:     400;   /* Montserrat Regular — body copy */
  --acc-weight-caption:  300;   /* Montserrat Light — captions */

  /* Web minimums from the book (p.12); hero sizes may exceed these */
  --acc-size-caption:  clamp(0.75rem, 0.72rem + 0.2vw, 0.875rem);  /* 12–14px */
  --acc-size-body:     clamp(0.875rem, 0.85rem + 0.25vw, 1rem);    /* 14–16px */
  --acc-size-subhead:  clamp(1rem, 0.95rem + 0.3vw, 1.125rem);     /* 16–18px */
  --acc-size-heading:  clamp(1.125rem, 1rem + 0.6vw, 1.25rem);     /* 18–20px */
  --acc-size-headline: clamp(1.375rem, 1.1rem + 1.4vw, 1.5rem);    /* 22–24px minimum */

  /* Logo rules (p.7, p.29): clear space = logo height on all sides; minimum width 100px on screen */
  --acc-logo-min-width: 100px;
  --acc-logo-clear-space: 1em;  /* set 1em = rendered logo height on the lockup's container */

  /* Watermark opacity (p.35) */
  --acc-watermark-opacity: 0.25;

  --acc-radius: 12px;          /* rounded-square icon / card radius seen throughout the book */
}

/* Contrast (measured, WCAG 2.2): gold text fails on white at every size (gold-300 1.5:1, gold-500 2.1:1,
   gold-700 2.8:1) and must be non-text there (marks, flags, rules, button backgrounds with navy text).
   Gold text on navy passes (gold-300 on navy-800 12.7:1). Muted text: #4A4A66 on white 8.5:1,
   #C9C9E0 on navy 11.5:1. Button: navy-900 text on gold-300 13.2:1. */

/* Dark surface variant — apply to <section class="acc-dark"> or <body class="acc-dark"> */
.acc-dark {
  --acc-bg:        var(--acc-navy-800);
  --acc-surface:   var(--acc-navy-900);
  --acc-fg:        var(--acc-white);
  --acc-fg-muted:  #C9C9E0;
  --acc-border:    #1E1E5A;
  --acc-link:      var(--acc-gold-300);
  background: var(--acc-bg);
  color: var(--acc-fg);
}