/* Tweek — Direction D: Open
   Clean / modern / generous whitespace / cobalt + sky */
:root {
  /* palette */
  --D-sky: #dee9f8;          /* page bg (powder) */
  --D-sky-2: #c9dbf5;        /* deeper sky for cards / watermark */
  --D-sky-3: #eef3fb;        /* lightest tint */
  --D-cloud: #ffffff;

  --D-blue: #1f4fe0;          /* primary cobalt — headlines, CTAs, links */
  --D-blue-2: #1640c7;        /* hover/press */
  --D-blue-soft: #93afea;     /* muted lines */
  --D-blue-tint: #b3c6ec;     /* subtle bg accents */

  --D-orange: #ff8a4d;         /* lighter neon orange — accent */
  --D-orange-hot: #ffa372;     /* lighter highlight */
  --D-orange-soft: #ffe1cf;    /* tint backgrounds */

  --D-ink: #1f4fe0;            /* primary text matches headlines */
  --D-ink-2: #4f6bcc;          /* body text — slightly softer */
  --D-ink-3: #93afea;          /* meta / caption */
  --D-ink-dark: #0d2360;       /* darkest, for body paragraphs */

  --D-line: rgba(31, 79, 224, 0.14);
  --D-line-strong: rgba(31, 79, 224, 0.28);

  /* type */
  --D-display: "Plus Jakarta Sans", "Manrope", system-ui, sans-serif;
  --D-body: "Plus Jakarta Sans", "Manrope", system-ui, sans-serif;
  --D-mono: "JetBrains Mono", ui-monospace, monospace;

  /* radii */
  --D-r-sm: 10px;
  --D-r-md: 18px;
  --D-r-lg: 28px;
  --D-r-pill: 999px;

  /* elevation */
  --D-shadow: 0 1px 0 rgba(31, 79, 224, 0.08), 0 12px 32px rgba(31, 79, 224, 0.10);
  --D-shadow-card: 0 1px 0 rgba(31, 79, 224, 0.04), 0 6px 18px rgba(31, 79, 224, 0.06);
}