/* ============================================================
   COLORS
   Main brand color = #62A8C4 (a bluish teal), with the rest of
   the teal ramp tuned around it.
   Palette: teal primary · warm ivory surfaces · soft blush ·
   gold (awards/stars) · LINE green (registration CTAs).
   ============================================================ */
:root {
  /* ---- Brand teal (primary) ---- */
  --teal-900: #21424E;
  --teal-800: #2C5969;
  --teal-700: #3B7488;
  --teal-600: #4E90A8;
  --teal-500: #62A8C4; /* brand core */
  --teal-400: #84BCD3;
  --teal-300: #A8D1E0;
  --teal-200: #CBE3EC;
  --teal-100: #E9F3F7;
  --teal-50:  #F4F9FB;

  /* ---- Ink (text / near-black) ---- */
  --ink-900: #1A1A1A; /* logo black */
  --ink-700: #3A3A3A;
  --ink-500: #5C5C5C;
  --ink-400: #8A8A8A;
  --ink-300: #B5B0A9;
  --ink-200: #D8D3CB;

  /* ---- Warm neutrals (ivory / sand) ---- */
  --ivory-0:   #FFFFFF;
  --ivory-50:  #FCFAF6; /* page background */
  --ivory-100: #F8F3EC; /* soft panel */
  --ivory-200: #F0E9DD; /* sand */
  --ivory-300: #E5DCCC; /* border-warm */

  /* ---- Blush (feminine wedding accent — used sparingly) ---- */
  --blush-500: #D98C8C;
  --blush-400: #E5A9A9;
  --blush-200: #F3D5D5;
  --blush-100: #FBEEEE;

  /* ---- Gold (awards · star ratings) ---- */
  --gold-600: #C18F2E;
  --gold-500: #D9A441;
  --gold-300: #ECCB86;

  /* ---- LINE green (registration / chat CTA) ---- */
  --line-green: #06C755;
  --line-green-dark: #05AB49;

  /* ---- Functional ---- */
  --error-500: #D8584F;
  --error-100: #FBE9E7;
  --success-500: #2FA36B;
  --warning-500: #E0A53A;

  /* ============================================================
     SEMANTIC ALIASES — prefer these in components
     ============================================================ */
  --brand:            var(--teal-500);
  --brand-hover:      var(--teal-600);
  --brand-active:     var(--teal-700);
  --brand-soft:       var(--teal-100);
  --brand-tint:       var(--teal-50);

  --bg-page:          var(--ivory-50);
  --bg-page-alt:      var(--ivory-100);
  --surface-card:     var(--ivory-0);
  --surface-sunken:   var(--ivory-100);
  --surface-sand:     var(--ivory-200);
  --surface-footer:   var(--ivory-200); /* light sand — harmonizes with the airy page */

  --text-strong:      var(--ink-900);
  --text-body:        var(--ink-700);
  --text-muted:       var(--ink-500);
  --text-subtle:      var(--ink-400);
  --text-on-brand:    var(--ivory-0);
  --text-on-dark:     var(--ivory-50);

  --border-default:   var(--ivory-300);
  --border-strong:    var(--ink-200);
  --border-brand:     var(--teal-300);

  --accent-blush:     var(--blush-400);
  --accent-blush-soft:var(--blush-100);
  --accent-gold:      var(--gold-500);

  --cta-line:         var(--line-green);
  --cta-line-hover:   var(--line-green-dark);

  --focus-ring:       var(--teal-400);
}