/* Autofliper Dark — Sloj 1: shared color tokens.
   Every first-party plugin (design, credits, exchange, header, footer,
   ai-chat) reads ONLY these --af-* names — no plugin defines or
   redefines its own color values anymore. Motors/Elementor's own
   colors are Sloj 2's job (separate override stylesheet), not this
   file's.

   Values for :root come from the live-site color audit (spec section
   3) — these are the actual colors already in use, not guesses.
   Dark values follow spec section 4/7/9, with one correction: the
   accent's dark value was bumped from the spec's #E04B49 to #E5524E
   because #E04B49 measures ~4.38:1 on --af-surface (#17171A), just
   under the 4.5:1 AA minimum for normal text (spec section 9); #E5524E
   clears it at ~4.65:1 while staying the same brand-red hue. */

:root {
  --af-bg:           #FFFFFF;
  --af-surface:      #FFFFFF;
  --af-surface-2:    #F6F7F9;
  --af-ink:          #181818;
  --af-ink-2:        #6B6B70;
  --af-line:         #E6E6E9;
  --af-accent:       #B32726;
  --af-accent-ink:   #FFFFFF;
  --af-success:      #1E7E34;
  --af-warning:      #B7791F;
  --af-danger:       #B32726; /* same as --af-accent — this site has never used a separate danger red, brand red already carries that meaning everywhere (credits' .afc-inline-error, .afc-hist-icon-neg, etc.) */
  --af-shadow:       0 6px 18px rgba(20,16,22,.08), 0 18px 44px rgba(20,16,22,.14);
}

html.af-dark {
  --af-bg:           #0C0C0E;
  --af-surface:      #17171A;
  --af-surface-2:    #1F1F23;
  --af-ink:          #F1F1F3;
  --af-ink-2:        #9B9BA1;
  --af-line:         #2A2A2F;
  --af-accent:       #E5524E;
  --af-accent-ink:   #FFFFFF;
  --af-success:      #30D158;
  --af-warning:      #F0B429;
  --af-danger:       #E5524E;
  /* Shadows barely read on dark surfaces — real separation comes from
     --af-line borders (spec section 9); this shadow is kept subtle on
     purpose, not a straight darkened copy of the light one. */
  --af-shadow:       0 8px 24px rgba(0,0,0,.5);
  color-scheme: dark;
}

html.af-dark body {
  background: var(--af-bg);
}