/* INTUENS — Colors
   Source of truth: Corporate Identity Rules.
   Brand gradient runs #735F9D (left) → #C27895 (right).
   Dark accent #2C263E. Text is black or the brand gradient. */
:root {
  /* ---- Brand core ---- */
  --intuens-purple: #735F9D;   /* gradient start (left)  */
  --intuens-rose:   #C27895;   /* gradient end (right)   */
  --intuens-ink:    #2C263E;   /* dark accent            */

  /* Mid-point of the brand gradient, for solid single-color use */
  --intuens-plum:   #9B6C99;

  /* Tints of the brand hues (surfaces, hovers, washes) */
  --purple-050: #f2eff7;
  --purple-100: #e4dcef;
  --purple-200: #c9bcdd;
  --purple-300: #a893c4;
  --purple-500: #735f9d;
  --purple-700: #574776;

  --rose-050: #faf0f4;
  --rose-100: #f3dfe8;
  --rose-200: #e6c2d1;
  --rose-300: #d59db4;
  --rose-500: #c27895;
  --rose-700: #97566f;

  /* ---- Neutrals (cool, tinted toward the ink) ---- */
  --ink-900: #2c263e;   /* accent / darkest */
  --ink-800: #3a3350;
  --ink-700: #4d4661;
  --ink-600: #6b6480;
  --ink-500: #8a839c;
  --ink-400: #aaa4b8;
  --ink-300: #cbc7d5;
  --ink-200: #e3e0e9;
  --ink-100: #f0eef3;
  --ink-050: #f8f7fa;
  --white:   #ffffff;
  --black:   #000000;

  /* ---- Brand gradients ---- */
  --gradient-brand: linear-gradient(90deg, var(--intuens-purple) 0%, var(--intuens-rose) 100%);
  --gradient-brand-135: linear-gradient(135deg, var(--intuens-purple) 0%, var(--intuens-rose) 100%);
  --gradient-brand-soft: linear-gradient(90deg, var(--purple-050) 0%, var(--rose-050) 100%);

  /* ---- Semantic (status) ---- */
  --success: #3f9d7a;
  --success-050: #eaf6f1;
  --warning: #d9992e;
  --warning-050: #fbf3e3;
  --danger:  #c8506a;
  --danger-050: #fbeef1;
  --info:    var(--intuens-purple);

  /* ---- Semantic aliases ---- */
  --text-strong:  var(--ink-900);
  --text-body:    var(--ink-800);
  --text-muted:   var(--ink-600);
  --text-subtle:  var(--ink-500);
  --text-invert:  var(--white);
  --text-onbrand: var(--white);

  --surface-page:   var(--ink-050);
  --surface-card:   var(--white);
  --surface-sunken: var(--ink-100);
  --surface-brand:  var(--intuens-purple);
  --surface-ink:    var(--ink-900);

  --border-subtle: var(--ink-200);
  --border-default: var(--ink-300);
  --border-strong: var(--ink-400);

  --focus-ring: var(--intuens-purple);
}