/* ============================================================
   MEBUKU — Color tokens
   Feminine · intelligent · stylish business.
   A warm dusty-rose primary over soft blush + cream surfaces,
   with a warm charcoal ink for text.
   ============================================================ */

:root {
  /* ---- Brand: dusty rose scale ---- */
  --rose-900: #8E5560;
  --rose-800: #A86B76;
  --rose-700: #C08089;
  --rose-600: #CD8B95;   /* primary button / accents */
  --rose-500: #D6939D;   /* primary brand rose */
  --rose-400: #E2AAB2;
  --rose-300: #EDC6CC;
  --rose-200: #F4DCE0;
  --rose-100: #FAEAED;   /* tinted section bg */
  --rose-50:  #FCF5F6;   /* lightest blush wash */

  /* ---- Secondary accent: soft sage green (echoes greenery) ---- */
  --green-700: #4E726A;
  --green-600: #60887E;
  --green-500: #84A89B;   /* accent green */
  --green-400: #A4C0B6;
  --green-300: #C5D7D0;
  --green-100: #E8F0ED;   /* green tint bg */

  /* ---- Secondary accent: warm apricot orange ---- */
  --orange-700: #C07E4F;
  --orange-600: #D58F5E;
  --orange-500: #E3A878;   /* accent orange */
  --orange-400: #EFC09A;
  --orange-300: #F5D4B8;
  --orange-100: #FBEEE1;   /* orange tint bg */

  /* ---- Neutrals: warm greys / cream (brightened / airy) ---- */
  --ink-900: #463F3C;    /* darkest heading ink */
  --ink-700: #574F4B;    /* headings */
  --ink-500: #7C736E;    /* body text */
  --ink-400: #9C938E;    /* muted / captions */
  --ink-300: #CCC6C2;    /* disabled / hairline-strong */
  --line:    #F2EDEB;    /* hairline borders */
  --cream:   #FEFCFB;    /* off-white page bg */
  --white:   #FFFFFF;

  /* ---- Semantic feedback (minimal / muted) ---- */
  --success: #7FA88F;
  --danger:  #C98686;

  /* ---- Semantic aliases ---- */
  --brand:           var(--rose-500);
  --brand-strong:    var(--rose-600);
  --brand-press:     var(--rose-700);
  --on-brand:        var(--white);

  --accent-green:        var(--green-500);
  --accent-green-tint:   var(--green-100);
  --accent-orange:       var(--orange-500);
  --accent-orange-tint:  var(--orange-100);

  --text-heading:    var(--ink-700);
  --text-body:       var(--ink-500);
  --text-muted:      var(--ink-400);
  --text-accent:     var(--rose-600);
  --text-on-brand:   var(--white);

  --surface-page:    var(--cream);
  --surface-card:    var(--white);
  --surface-tint:    var(--rose-50);
  --surface-tint-2:  var(--rose-100);
  --surface-brand:   var(--rose-200);

  --border-subtle:   var(--line);
  --border-brand:    var(--rose-300);

  /* ---- Soft gradients (CTA banners / washes) ---- */
  --grad-blush: linear-gradient(135deg, #F6DDE2 0%, #EFC9D0 100%); /* @kind color */
  --grad-hero:  linear-gradient(180deg, #FCF5F6 0%, #FBF8F6 100%); /* @kind color */
}