/* CoDev — Color tokens
   Brand mark sampled directly from codev.com (crimson/rose wordmark).
   Primary brand color: rose-500 #CC2F4A. */

:root {
  /* ---- Brand: Rose (crimson) ---- */
  --rose-50:  #FDEEF1;
  --rose-100: #FAD7DE;
  --rose-200: #F2A9B7;
  --rose-300: #E97C90;
  --rose-400: #DD5069;
  --rose-500: #CC2F4A;   /* PRIMARY */
  --rose-600: #B12640;   /* hover   */
  --rose-700: #8F1E33;   /* press   */
  --rose-800: #6B1626;
  --rose-900: #47101A;

  /* ---- Ink / Neutral (cool gray) ---- */
  --ink-950:  #131319;   /* near-black header */
  --ink-900:  #1E1E27;
  --gray-800: #2C2C37;
  --gray-700: #44444F;
  --gray-600: #5C5C68;
  --gray-500: #7A7A86;
  --gray-400: #9C9CA6;
  --gray-300: #C7C7CF;
  --gray-200: #E3E3E8;
  --gray-100: #F1F1F4;
  --gray-50:  #F8F8FA;
  --white:    #FFFFFF;

  /* ---- Semantic accents ---- */
  --green-500: #1F9D6B;   --green-50: #E7F6EF;
  --amber-500: #E0A030;   --amber-50: #FBF1DE;
  --blue-500:  #2D6CDF;   --blue-50:  #E7EEFB;

  /* ===== Semantic aliases ===== */
  --color-primary:        var(--rose-500);
  --color-primary-hover:  var(--rose-600);
  --color-primary-press:  var(--rose-700);
  --color-primary-tint:   var(--rose-50);
  --color-on-primary:     var(--white);

  --text-strong:  var(--ink-950);
  --text-body:    var(--gray-800);
  --text-muted:   var(--gray-500);
  --text-inverse: var(--white);
  --text-brand:   var(--rose-500);
  --text-link:    var(--rose-500);

  --surface-page:    var(--white);
  --surface-subtle:  var(--gray-50);
  --surface-card:    var(--white);
  --surface-inverse: var(--ink-950);
  --surface-brand:   var(--rose-500);

  --border-subtle:  var(--gray-200);
  --border-default: var(--gray-300);
  --border-strong:  var(--gray-400);
  --border-focus:   var(--rose-500);

  --state-success: var(--green-500);
  --state-warning: var(--amber-500);
  --state-info:    var(--blue-500);
  --state-danger:  var(--rose-500);
}