/* ==========================================================================
   Classic City Consulting — Design Tokens
   Day-mode values extracted from the classiccity.com theme.
   Everything is namespaced --ccc- and non-WP-specific.
   ========================================================================== */

:root {

  /* --- Surfaces & ink ---------------------------------------------------- */
  --ccc-canvas: #f8f9fa;      /* page background */
  --ccc-panel: #ffffff;       /* cards / raised surfaces */
  --ccc-ink: #343a40;         /* primary text */
  --ccc-ink-soft: #6b727a;    /* secondary text */
  --ccc-line: #343a40;        /* borders */
  --ccc-ink-dark: #192227;    /* near-black text on brand colors */

  /* --- Brand colors ------------------------------------------------------ */
  --ccc-accent: #f08828;      /* CCC orange */
  --ccc-blue: #0693e3;
  --ccc-purple: #7a4095;
  --ccc-sage: #b1c5a4;
  --ccc-gray-green: #b5bdbc;
  --ccc-error: #d51010;
  --ccc-success: #1a7c34;

  /* --- Grayscale (cool slate, 10 stops) ---------------------------------- */
  --ccc-gray-10: #ffffff;
  --ccc-gray-20: #f8f9fa;
  --ccc-gray-30: #eeeeee;
  --ccc-gray-40: #c8d0d6;
  --ccc-gray-50: #a4adb6;
  --ccc-gray-60: #6b727a;
  --ccc-gray-70: #4a525a;
  --ccc-gray-80: #343a40;
  --ccc-gray-90: #192227;
  --ccc-gray-100: #0d1215;

  /* --- Accent gradient (primary CTA / accent backgrounds) ---------------- */
  --ccc-gradient-accent: linear-gradient(315deg, hsl(29deg 87% 55%) 0%, hsl(29deg 86% 56%) 8%, hsl(29deg 86% 57%) 17%, hsl(29deg 85% 58%) 25%, hsl(29deg 85% 59%) 33%, hsl(29deg 84% 60%) 42%, hsl(29deg 84% 61%) 50%, hsl(29deg 83% 62%) 58%, hsl(29deg 82% 63%) 67%, hsl(29deg 81% 64%) 75%, hsl(29deg 81% 65%) 83%, hsl(29deg 80% 66%) 92%, hsl(29deg 79% 67%) 100%);

  /* --- Shape language (this IS the brand — keep it chunky) --------------- */
  --ccc-border-width: 3px;
  --ccc-radius: 0.5rem;
  --ccc-shadow: 7px 7px 0 rgba(0, 0, 0, 0.25);          /* hard "stamp" offset */
  --ccc-shadow-hover: 13px 13px 0 rgba(0, 0, 0, 0.15);

  /* --- Spacing ----------------------------------------------------------- */
  --ccc-space-1: 1rem;
  --ccc-space-2: 1.5rem;
  --ccc-space-3: 2.5rem;
  --ccc-space-4: 4rem;    /* section rhythm */
  --ccc-space-5: 6rem;    /* big section rhythm */

  /* --- Layout ------------------------------------------------------------ */
  --ccc-content-width: 1000px;
  --ccc-wide-width: 1280px;

  /* --- Type -------------------------------------------------------------- */
  --ccc-font-body: 'Quicksand', -apple-system, BlinkMacSystemFont, 'Avenir Next', sans-serif;
  --ccc-font-heading: 'Cultures Carnival', cursive;

  /* --- Platformer tiles (block dividers, textured callouts) --------------- */
  --ccc-tile: 64px;         /* one sprite tile square */
  --ccc-tile-border: 4px;   /* frame width baked into the tile art */
}

@media (max-width: 700px) {
  :root {
    --ccc-tile: 48px;
    --ccc-tile-border: 3px;
  }
}