/* ============================================================
   RA BRAND TOKENS — for clean-build pages only.
   Brand palette + Breakdance's own color defaults pointed at the brand,
   so a clean page starts on-brand (dark, your fonts, your colors) but EVERY
   element stays fully editable in Breakdance. No overrides, no clamps, so any
   color or background you set in the builder wins. The live designed pages
   never load this file.
   ============================================================ */
:root, body.breakdance {
  --carbon: #141318;
  --carbon-soft: #1c1b22;
  --panel: #201e27;
  --light: #f7f7f7;
  --light-warm: #efedf0;
  --mauve: #aa98a9;
  --mauve-bright: #cdbccc;
  --mauve-deep: #8d7c8c;
  --ink: #1a191e;
  --muted-on-light: #6f6a72;
  --muted-on-dark: #9b95a0;
  --line-dark: rgba(247, 247, 247, 0.1);
  --line-light: rgba(20, 19, 24, 0.12);
  --glow: rgba(170, 152, 169, 0.4);
  --font-display: "Space Grotesk", -apple-system, sans-serif;
  --font-text: "Poppins", -apple-system, sans-serif;
  --font-mono: "JetBrains Mono", "SF Mono", Consolas, monospace;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --nav-h: 80px;
  /* Point Breakdance's built-in color defaults at the brand. Headings and text
     are light by default; set a different color on any element and it wins. */
  --bde-headings-color: #f7f7f7;
  --bde-text-color: #f7f7f7;
  --bde-links-color: #f7f7f7;
}
/* Base reset so clean pages start clean and match the site (no blue underlined links). */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
img { max-width: 100%; height: auto; }
a { color: inherit; text-decoration: none; }
ul { list-style: none; }
button { font: inherit; cursor: pointer; background: none; border: none; color: inherit; }
::selection { background: var(--mauve); color: var(--carbon); }

/* Gentle on-brand page defaults (low specificity, easy to override per element). */
body.breakdance {
  background: #141318;
  color: #f7f7f7;
  font-family: var(--font-text);
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}
