/* Nooshki Services — Color tokens
 * A warm, premium, residential palette: cream paper, soft peach accents,
 * and grounded warm browns for text. No pure black, no cold greys.
 */
:root {
  /* ---- Base brand palette (raw values) ---- */
  --cream:        #faf5ee; /* primary background — warm paper */
  --peach:        #ffcbaf; /* accent / primary CTA */
  --peach-light:  #f8e7d5; /* secondary surfaces, panels */
  --rose:         #e6c5b9; /* dusty rose — subtle accents, dividers */
  --brown:        #8c756a; /* warm brown — primary text, borders */
  --brown-mid:    #a68e81; /* mid brown — secondary text */

  /* ---- Derived tints & shades (harmonized in oklch) ---- */
  --cream-2:      #f4ebe0; /* slightly deeper cream for zebra/hover */
  --peach-deep:   #f4b292; /* hover/pressed state for peach CTA */
  --peach-soft:   #ffe2d2; /* lightest peach wash */
  --brown-deep:   #6f5b51; /* headings / high-emphasis text */
  --brown-ink:    #5a4942; /* darkest warm ink for max contrast */
  --rose-soft:    #f1ddd4; /* faint rose wash */
  --white:        #ffffff;

  /* ---- Semantic surface aliases ---- */
  --surface-page:     var(--cream);
  --surface-raised:   var(--white);
  --surface-card:     var(--white);
  --surface-secondary:var(--peach-light);
  --surface-subtle:   var(--cream-2);
  --surface-accent:   var(--peach);
  --surface-accent-soft: var(--peach-soft);
  --surface-rose:     var(--rose-soft);
  --surface-inverse:  var(--brown-deep);

  /* ---- Semantic text aliases ---- */
  --text-heading:   var(--brown-deep);
  --text-body:      var(--brown);
  --text-secondary: var(--brown-mid);
  --text-muted:     #b8a499;
  --text-on-accent: var(--brown-deep); /* text sits on peach */
  --text-on-dark:   var(--cream);
  --text-link:      var(--brown-deep);

  /* ---- Borders & dividers ---- */
  --border-subtle:  #ece0d4;
  --border-default: var(--rose);
  --border-strong:  var(--brown-mid);
  --border-accent:  var(--peach-deep);

  /* ---- Status (kept warm to fit the palette) ---- */
  --success:        #7a8c6a; /* sage */
  --success-soft:   #e8eede;
  --warning:        #c99a5b; /* amber-brown */
  --warning-soft:   #f6ead4;
  --danger:         #c0796b; /* terracotta */
  --danger-soft:    #f3ddd6;

  /* ---- Focus ring ---- */
  --focus-ring: #d9a988;
}