/* ============================================================
   AmpDesk brand tokens — single source of truth for the
   marketing system (and, later, the application redesign).
   Scope-safe: custom properties only, no element selectors.
   ============================================================ */

:root {
  /* Brand surfaces — ink (dark) */
  --ad-ink-950: #090b0d;
  --ad-ink-900: #14171a;
  --ad-ink-800: #20252a;
  --ad-ink-700: #30373e;

  /* Brand surfaces — paper (light) */
  --ad-paper-50: #f7f7f3;
  --ad-paper-100: #f1f2ee;
  --ad-paper-200: #e4e6e3;
  --ad-white: #ffffff;

  /* Primary brand */
  --ad-blue-700: #2457e6;
  --ad-blue-600: #356bff;
  --ad-blue-500: #5a83ff;
  --ad-blue-100: #dfe7ff;

  /* Semantic UI colours — status meaning only, never decoration */
  --ad-success: #2e8b67;
  --ad-warning: #c98218;
  --ad-danger:  #c94a4a;
  --ad-water:   #3c9fb8;

  /* Text */
  --ad-text-primary: var(--ad-ink-950);
  --ad-text-secondary: #56606a;
  --ad-text-inverse: #f7f8fa;
  --ad-text-inverse-secondary: #a8b2bc;

  /* Borders */
  --ad-border-subtle: rgba(20, 23, 26, 0.12);
  --ad-border-dark: rgba(255, 255, 255, 0.14);

  /* Radius */
  --ad-radius-sm: 8px;
  --ad-radius-md: 14px;
  --ad-radius-lg: 22px;
  --ad-radius-xl: 32px;

  /* Shadow */
  --ad-shadow-sm: 0 1px 2px rgba(9, 11, 13, 0.08);
  --ad-shadow-md: 0 16px 40px rgba(9, 11, 13, 0.10);
  --ad-shadow-lg: 0 30px 80px rgba(9, 11, 13, 0.16);

  /* Layout */
  --ad-content-width: 1240px;
  --ad-reading-width: 760px;
  --ad-gutter: clamp(20px, 4vw, 56px);
  --ad-section-space: clamp(80px, 11vw, 156px);

  /* Type families — Geist with resilient system fallback */
  --ad-font-sans: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --ad-font-mono: "Geist Mono", "SFMono-Regular", Consolas, monospace;

  /* Type scale */
  --ad-type-display: clamp(3.1rem, 7vw, 7rem);
  --ad-type-h1: clamp(2.7rem, 5.5vw, 5.8rem);
  --ad-type-h2: clamp(2.1rem, 4vw, 4rem);
  --ad-type-h3: clamp(1.4rem, 2vw, 2rem);
  --ad-type-body-lg: clamp(1.1rem, 1.5vw, 1.35rem);
  --ad-type-body: 1rem;
  --ad-type-small: 0.875rem;
}