/* A Doggie Do — Color System
   Anchored by INK (near-black seal) and PAPER (warm cream), with a
   full watercolor RAINBOW spectrum lifted from the paw-print mark.
   Grape is the brand primary: whimsical but grown-up. */
:root {
  /* ---- Ink & Paper (authority + warmth) ---- */
  --ink-900: #0d0d0f;   /* seal black */
  --ink-800: #1a1a1e;
  --ink-700: #2b2b31;
  --ink-600: #45454e;
  --ink-500: #6b6b76;
  --ink-400: #9a9aa4;
  --ink-300: #c4c4cc;
  --ink-200: #e2e1e6;
  --ink-100: #efeef1;

  --paper-000: #ffffff;
  --paper-050: #fdfaf4;  /* warm cream page */
  --paper-100: #f8f2e7;  /* card cream */
  --paper-200: #f0e7d6;  /* sunk / hover cream */
  --paper-300: #e6d9c2;  /* cream border */

  /* ---- Watercolor Rainbow (from the mark) ---- */
  --spectrum-red:    #e8443b;
  --spectrum-coral:  #f26a4b;
  --spectrum-orange: #f2913d;
  --spectrum-yellow: #f5c542;
  --spectrum-lime:   #a7c948;
  --spectrum-green:  #5fb35a;
  --spectrum-teal:   #2fb0a3;
  --spectrum-blue:   #3e8fd0;
  --spectrum-indigo: #6a63c4;
  --spectrum-grape:  #8a56c0;
  --spectrum-pink:   #e0559e;

  /* Tints (soft washes for surfaces / badges) */
  --tint-red:    #fce3e1;
  --tint-orange: #fdecd6;
  --tint-yellow: #fdf3d4;
  --tint-green:  #e2f1de;
  --tint-teal:   #d7f0ec;
  --tint-blue:   #dcebf8;
  --tint-grape:  #ece2f6;
  --tint-pink:   #fbe1ef;

  /* ---- Brand primary ---- */
  --brand-500: #f6a1d9;
  --brand-600: #ef68c1;
  --brand-700: #cc2aa8;
  --brand-050: #ffcdee;

  /* The signature: watercolor rainbow sweep */
  --rainbow: linear-gradient(100deg,
    var(--spectrum-red) 0%, var(--spectrum-orange) 18%,
    var(--spectrum-yellow) 34%, var(--spectrum-green) 50%,
    var(--spectrum-teal) 64%, var(--spectrum-blue) 78%,
    var(--spectrum-grape) 90%, var(--spectrum-pink) 100%);
  --rainbow-soft: linear-gradient(100deg,
    var(--tint-red), var(--tint-orange), var(--tint-yellow),
    var(--tint-green), var(--tint-teal), var(--tint-blue), var(--tint-grape));

  /* ---- Semantic ---- */
  --success: var(--spectrum-green);
  --success-tint: var(--tint-green);
  --warning: var(--spectrum-orange);
  --warning-tint: var(--tint-orange);
  --danger:  var(--spectrum-red);
  --danger-tint: var(--tint-red);
  --info:    var(--spectrum-blue);
  --info-tint: var(--tint-blue);

  /* ---- Semantic aliases ---- */
  --bg-page: var(--paper-050);
  --surface-card: var(--paper-000);
  --surface-cream: var(--paper-100);
  --surface-ink: var(--ink-900);
  --surface-sunk: var(--paper-200);

  --text-strong: var(--ink-900);
  --text-body: var(--ink-800);
  --text-muted: var(--ink-500);
  --text-faint: var(--ink-400);
  --text-on-ink: var(--paper-050);
  --text-on-brand: #ffffff;
  --text-link: var(--brand-600);

  --border-soft: var(--ink-200);
  --border-cream: var(--paper-300);
  --border-strong: var(--ink-900);
  --focus-ring: var(--spectrum-grape);
}