/* ==========================================================================
   Editorial design tokens — black / white / beige
   Loaded BEFORE styles.css so :root values cascade everywhere.
   ========================================================================== */

:root {
  /* surface */
  --ink:        #0b0b0b;
  --ink-2:      #131312;
  --ink-3:      #1c1c1a;
  --paper:      #ffffff;
  --cream:      #f5efe6;
  --bone:       #ebe3d3;
  --bone-2:     #ded4c1;

  /* type */
  --graphite:   #2a2a2a;
  --ash:        #6f6a62;
  --ash-2:      #9a948a;
  --paper-soft: #f4f0ea;

  /* lines */
  --hairline:        rgba(11, 11, 11, 0.10);
  --hairline-strong: rgba(11, 11, 11, 0.22);
  --hairline-paper:  rgba(255, 255, 255, 0.10);
  --hairline-paper-strong: rgba(255, 255, 255, 0.22);

  /* brand red — Competitive Edge Realty accent */
  --accent-red: #CC0000;

  /* type stack */
  --serif: "Playfair Display", Georgia, serif;
  --sans:  "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --mono-ui: "Inter Tight", "Inter", system-ui, sans-serif;

  /* motion */
  --ease:  cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-out-soft: cubic-bezier(0.16, 1, 0.3, 1);

  /* layout */
  --gutter:    clamp(20px, 4vw, 56px);
  --maxw:      1280px;
  --maxw-tight: 1080px;
}