/* =====================================================================
   HOMECARE — Design Tokens (M00 PART 01)
   Navy/blue residential identity. Light, premium, enterprise-grade.
   Consumed as var(--hc-...) across base.css and components.css.
   Do not hard-code colors/sizes in components — use these tokens.
   ===================================================================== */

:root {
  /* ---- Brand / Primary (Navy -> Blue) ---- */
  --hc-navy-900: #0a2342;
  --hc-navy-800: #0d2e54;
  --hc-navy-700: #103a6e;
  --hc-navy-600: #15478a;
  --hc-blue-700: #1a4fa0;
  --hc-blue-600: #1b5dba; /* primary interactive blue */
  --hc-blue-500: #2e73d6;
  --hc-blue-400: #5a93e3;
  --hc-blue-100: #e8f1fc;
  --hc-blue-50:  #f2f7fd;

  /* ---- Semantic refs (single source of truth) ---- */
  --hc-color-primary:        var(--hc-navy-800);
  --hc-color-primary-strong: var(--hc-navy-900);
  --hc-color-accent:         var(--hc-blue-600);
  --hc-color-accent-weak:    var(--hc-blue-50);

  /* ---- Status ---- */
  --hc-success-600: #0f6e42;
  --hc-success-500: #2a9d6a;
  --hc-success-50:  #e7f5ee;

  --hc-warning-600: #8a5d0e;
  --hc-warning-500: #c98619;
  --hc-warning-50:  #fbf0dd;

  --hc-danger-600: #c2394a;
  --hc-danger-500: #d2454f;
  --hc-danger-50:  #fbe9eb;

  --hc-info-600: var(--hc-blue-600);
  --hc-info-50:  var(--hc-blue-50);

  /* ---- Neutrals: backgrounds ---- */
  --hc-bg-app:     #f5f8fc; /* page background (light cool grey) */
  --hc-bg-surface: #ffffff; /* cards / panels */
  --hc-bg-subtle:  #eef2f8; /* recessed areas */
  --hc-bg-strong:  var(--hc-navy-900);

  /* ---- Neutrals: text hierarchy ---- */
  --hc-text-strong:  #0f1c30; /* headings */
  --hc-text-base:    #243449; /* body */
  --hc-text-muted:   #5a6b82; /* secondary */
  --hc-text-faint:   #8b99ad; /* captions / placeholders */
  --hc-text-inverse: #ffffff;

  /* ---- Borders ---- */
  --hc-border:        #e2e8f1;
  --hc-border-strong: #cbd5e3;
  --hc-border-focus:  var(--hc-blue-500);

  /* ---- Typography ---- */
  --hc-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji",
    "Segoe UI Emoji";

  --hc-font-size-xs: 0.75rem;   /* 12 */
  --hc-font-size-sm: 0.875rem;  /* 14 */
  --hc-font-size-base: 1rem;    /* 16 */
  --hc-font-size-md: 1.125rem;  /* 18 */
  --hc-font-size-lg: 1.25rem;   /* 20 */
  --hc-font-size-xl: 1.5rem;    /* 24 */
  --hc-font-size-2xl: 2rem;     /* 32 */

  --hc-font-weight-regular: 400;
  --hc-font-weight-medium: 500;
  --hc-font-weight-semibold: 600;
  --hc-font-weight-bold: 700;

  --hc-leading-tight: 1.2;
  --hc-leading-base: 1.5;
  --hc-leading-relaxed: 1.6;

  --hc-letter-tight: -0.01em;
  --hc-letter-normal: 0;

  /* ---- Spacing (4px base) ---- */
  --hc-space-0: 0;
  --hc-space-1: 0.25rem;
  --hc-space-2: 0.5rem;
  --hc-space-3: 0.75rem;
  --hc-space-4: 1rem;
  --hc-space-5: 1.25rem;
  --hc-space-6: 1.5rem;
  --hc-space-8: 2rem;
  --hc-space-10: 2.5rem;
  --hc-space-12: 3rem;
  --hc-space-16: 4rem;

  /* ---- Radius ---- */
  --hc-radius-none: 0;
  --hc-radius-sm: 6px;
  --hc-radius-md: 10px;
  --hc-radius-lg: 14px;
  --hc-radius-xl: 20px;
  --hc-radius-pill: 999px;

  /* ---- Elevation ---- */
  --hc-shadow-sm: 0 1px 2px rgba(10, 35, 66, 0.06);
  --hc-shadow-md: 0 2px 10px rgba(10, 35, 66, 0.08);
  --hc-shadow-lg: 0 10px 28px rgba(10, 35, 66, 0.12);

  /* ---- Focus ring ---- */
  --hc-focus-ring: 0 0 0 3px rgba(43, 115, 214, 0.35);

  /* ---- Layout ---- */
  --hc-app-max-width: 480px;      /* smartphone app column */
  --hc-touch-target: 44px;        /* minimum touch target */
  --hc-header-height: 56px;       /* reserved for PART 02 */
  --hc-bottom-nav-height: 64px;   /* reserved for PART 02 */

  /* ---- Z-index ---- */
  --hc-z-base: 1;
  --hc-z-header: 10;
  --hc-z-nav: 100;
  --hc-z-modal: 1000;
  --hc-z-toast: 1100;

  /* ---- Motion ---- */
  --hc-ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --hc-duration-fast: 120ms;
  --hc-duration-base: 200ms;
}