/* MotionPoint — color tokens */
:root {
  /* Blue ramp — the brand accent. Soft, calm, medically credible. */
  --blue-50:  #F2F8FE;
  --blue-100: #E2EEFD;
  --blue-200: #C4DBFA;
  --blue-300: #93BEF6;
  --blue-400: #5B9BF0;
  --blue-500: #2578E8;
  --blue-600: #1263CC;
  --blue-700: #0E4FA4;

  /* Ink / cool neutrals — never pure black */
  --ink-950: #081527;
  --ink-900: #0F1F33;
  --ink-800: #1C3049;
  --ink-700: #33475C;
  --ink-600: #4A5F75;
  --ink-500: #64778C;
  --ink-400: #8B9BAD;
  --ink-300: #B4C0CD;
  --ink-200: #D6DFE7;
  --ink-100: #E9EEF3;
  --ink-50:  #F4F7FA;

  /* Seafoam — secondary wellness accent, used sparingly */
  --seafoam-100: #E0F5F1;
  --seafoam-300: #8FD9CB;
  --seafoam-500: #35A891;
  --seafoam-700: #1F7A69;

  /* Semantic */
  --green-100: #DFF3E8;
  --green-600: #178A57;
  --amber-100: #FBEFD9;
  --amber-600: #B26E0E;
  --red-100:   #FBE5E4;
  --red-600:   #C64540;

  /* Semantic aliases */
  --surface-page:    #FFFFFF;
  --surface-mist:    #F6F9FC;   /* alternating sections */
  --surface-card:    #FFFFFF;
  --surface-inset:   var(--ink-50);
  --surface-ink:     var(--ink-950); /* dark footer / inverse blocks */

  --text-display: var(--ink-950);
  --text-body:    var(--ink-700);
  --text-muted:   var(--ink-500);
  --text-inverse: #FFFFFF;
  --text-link:    var(--blue-600);

  --accent:          var(--blue-500);
  --accent-strong:   var(--blue-600);
  --accent-soft:     var(--blue-50);
  --accent-soft-2:   var(--blue-100);

  --border-subtle:  rgba(15, 31, 51, 0.08);
  --border-default: rgba(15, 31, 51, 0.14);
  --border-focus:   var(--blue-500);

  /* Glass */
  --glass-bg:     rgba(255, 255, 255, 0.72);
  --glass-bg-ink: rgba(8, 21, 39, 0.55);
  --glass-border: rgba(255, 255, 255, 0.55);
  --glass-blur:   saturate(1.6) blur(20px); /* @kind other */
}