/* Theme: GottaOffer (orange, the default)
   Only design tokens live here. Every page loads styles.css, then assets/css/theme.css.
   To use this theme for a site, copy this file over assets/css/theme.css.
   To preview it without copying, open any page with ?theme=gottaoffer (remembered for the tab; ?theme=default resets).
   Contrast checked: white on --cta 4.5:1, --ok on white 5.2:1. */
:root {
  /* Brand: logo, links, highlights, gradients */
  --brand: #ff4d2e;
  --brand-2: #ff7a3d;      /* second gradient stop */
  --brand-50: #fff3f0;     /* pale tints for icon tiles and hover fills */
  --brand-100: #ffe1da;
  --brand-300: #ffb199;    /* light text on dark banners */
  --brand-600: #e63b1d;    /* text on pale tints */
  --brand-700: #c22d12;

  /* Buttons: white text must stay at 4.5:1 or higher */
  --cta: #dd3712;
  --cta-2: #c7380a;
  --cta-hover: #c93210;
  --cta-hover-2: #b0300a;

  /* Second accent (headline gradient, featured border) */
  --accent: #6d4aff;
  --accent-50: #f1edff;
  --accent-100: #e6dfff;

  /* Verified / success */
  --ok: #0a7d4e;
  --ok-50: #e8f8f0;

  /* Text and dark sections (footer, banners) */
  --ink: #0f1222;
  --night: #0f1222;
  --night-2: #1a1e33;

  /* Type and shape */
  --r-sm: 10px;
  --r: 18px;
  --r-lg: 26px;
  --logo-size: 36px;
}