/* Mimori — Color tokens
 * Warm-neutral foundation + calm teal primary. The warm paper background and
 * warm-gray borders are the connective tissue that make the elderly app, the
 * family dashboard, and the facility console read as one brand.
 * Contrast targets: body text >= 7:1, UI text/icons >= 4.5:1 (WCAG AAA/AA).
 */
:root {
  /* ---- Primary: 安心・信頼 (calm teal) ---- */
  --mimori-teal-50:  #E8F4F1;
  --mimori-teal-100: #C9E6DF;
  --mimori-teal-200: #98CFC3;
  --mimori-teal-300: #63B4A4;
  --mimori-teal-400: #3A9E8B;
  --mimori-teal-500: #1E8A7B;   /* primary */
  --mimori-teal-600: #17756A;   /* primary hover */
  --mimori-teal-700: #115C54;   /* primary active */
  --mimori-teal-800: #0C4640;

  /* ---- Secondary: 信頼・落ち着き (soft trust blue) ---- */
  --mimori-blue-50:  #ECF2F8;
  --mimori-blue-100: #D3E2F0;
  --mimori-blue-200: #A8C6E1;
  --mimori-blue-500: #4A80B4;   /* secondary */
  --mimori-blue-600: #3D6C9B;   /* secondary hover */
  --mimori-blue-700: #315781;

  /* ---- Accent: 温かさ (warm apricot) ---- */
  --mimori-apricot-50:  #FDEFE6;
  --mimori-apricot-100: #FADBC7;
  --mimori-apricot-400: #F2996B;
  --mimori-apricot-500: #ED8452;   /* accent */
  --mimori-apricot-600: #D96B39;   /* accent hover */

  /* ---- Semantic scales ---- */
  --mimori-green-100: #DBF0E1;
  --mimori-green-500: #3BA55D;   /* success */
  --mimori-green-600: #2E8B4C;
  --mimori-amber-100: #FBEECB;
  --mimori-amber-500: #E0A106;   /* warning */
  --mimori-amber-600: #C08800;
  --mimori-red-100:   #FBDEDF;
  --mimori-red-500:   #D64550;   /* danger */
  --mimori-red-600:   #BE313C;
  --mimori-info-100:  #D9EBF7;
  --mimori-info-500:  #3E8ED0;   /* info */
  --mimori-info-600:  #2F76B3;

  /* ---- Warm neutral ramp ---- */
  --mimori-warm-0:   #FFFFFF;
  --mimori-warm-25:  #FBF9F5;   /* app background (warm paper) */
  --mimori-warm-50:  #F5F2EB;
  --mimori-warm-100: #EDE9E0;
  --mimori-warm-200: #E7E2D9;   /* border */
  --mimori-warm-300: #D6CFC2;
  --mimori-warm-400: #C7C1B6;   /* disabled fill / hairlines */
  --mimori-warm-500: #9A9184;   /* muted text / placeholder */
  --mimori-warm-600: #6B6459;   /* secondary text */
  --mimori-warm-700: #4A453D;
  --mimori-warm-900: #2A2723;   /* primary text (warm near-black) */

  /* ==== Semantic aliases (use these in components) ==== */
  --color-primary:            var(--mimori-teal-500);
  --color-primary-hover:      var(--mimori-teal-600);
  --color-primary-active:     var(--mimori-teal-700);
  --color-primary-soft:       var(--mimori-teal-50);
  --color-on-primary:         #FFFFFF;

  --color-secondary:          var(--mimori-blue-500);
  --color-secondary-hover:    var(--mimori-blue-600);
  --color-secondary-soft:     var(--mimori-blue-50);

  --color-accent:             var(--mimori-apricot-500);
  --color-accent-hover:       var(--mimori-apricot-600);
  --color-accent-soft:        var(--mimori-apricot-50);

  --color-success:            var(--mimori-green-500);
  --color-success-soft:       var(--mimori-green-100);
  --color-warning:            var(--mimori-amber-500);
  --color-warning-soft:       var(--mimori-amber-100);
  --color-danger:             var(--mimori-red-500);
  --color-danger-hover:       var(--mimori-red-600);
  --color-danger-soft:        var(--mimori-red-100);
  --color-info:               var(--mimori-info-500);
  --color-info-soft:          var(--mimori-info-100);

  --color-bg:                 var(--mimori-warm-25);   /* page background */
  --color-surface:            var(--mimori-warm-0);    /* card / sheet */
  --color-surface-sunken:     var(--mimori-warm-50);   /* inset panels, inputs bg */
  --color-border:             var(--mimori-warm-200);  /* default border */
  --color-border-strong:      var(--mimori-warm-300);

  --color-text:               var(--mimori-warm-900);  /* primary text */
  --color-text-secondary:     var(--mimori-warm-600);  /* supporting text */
  --color-text-muted:         var(--mimori-warm-500);  /* captions, placeholder */
  --color-text-on-fill:       #FFFFFF;

  --color-disabled-fill:      var(--mimori-warm-100);
  --color-disabled-text:      var(--mimori-warm-400);
  --color-disabled-border:    var(--mimori-warm-200);

  --color-focus-ring:         rgba(30, 138, 123, 0.40); /* teal @ 40% */
}