/*
 * iWild brand tokens — the canonical default values for the iWild brand.
 * This file is the deploy-time default layer; ACF "Theme Options → Brand / Colours"
 * overrides any of these at runtime (see inc/brand.php). Swap this file (via the
 * RC_CUSTOM_BRAND_STYLE constant) to white-label a different brand.
 *
 * Tailwind utilities resolve to these vars through tailwind/app.css (@theme inline),
 * so changing a value here (or via ACF) reskins the whole site with no rebuild.
 */
:root {
  /* Surfaces */
  --ink: #0E0918;          /* page background */
  --surface: #1B1230;      /* cards / tiles */
  --surface-2: #140C22;    /* deep panels */
  --surface-3: #0B0715;    /* footer */
  --panel-1: #171024;      /* gradient panel start */
  --panel-2: #120B1E;      /* gradient panel end */

  /* Text */
  --text: #F3EEFB;         /* primary text */
  --muted: #B9AED1;        /* secondary text */
  --muted-2: #8B7FA8;      /* tertiary / labels */
  --soft: #C9C0DD;         /* on-image captions */

  /* Gold accent + gradient stops */
  --gold: #FFC700;
  --gold-1: #FFF59A;
  --gold-2: #FECA0C;
  --gold-3: #EFD256;

  /* Purple accent */
  --purple: #9D5CFF;
  --purple-2: #7C3AED;
  --purple-3: #6D28D9;

  /* Secondary button (Log in / sticky-bar CTA) */
  --btn: #3a267d;
  --btn-hover: #4c2ea0;

  /* Status */
  --green: #34D399;

  /* Typography */
  --font-sans: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;

  /* Radii */
  --radius-card: 14px;
  --radius-xl: 20px;
  --radius-pill: 999px;

  /* Hairline borders */
  --border: rgba(255, 255, 255, 0.08);
  --border-strong: rgba(255, 255, 255, 0.14);

  /* Content tables (blog/article <table>) — see tailwind/app.css */
  --table-border: rgba(255, 255, 255, 0.09);  /* cell rules + outer frame */
  --table-head: #241738;                      /* header row background */
  --table-head-text: #FFC700;                 /* header row label colour */
  --table-row: transparent;                   /* odd (base) row */
  --table-stripe: rgba(255, 255, 255, 0.035); /* even (alternate) row */
  --table-hover: rgba(157, 92, 255, 0.10);    /* row hover tint */
  --table-scrollbar: rgba(255, 255, 255, 0.22);
}