/* Mamchandi Laundry Express — Color Tokens
   Base palette derived from the brand logo (blue + teal quadrant mark). */

:root {
  /* ---- Base palette ---- */
  --color-blue-700: #1D4ED8;   /* Primary Blue — logo washing-machine/basket quadrants */
  --color-blue-800: #1640B0;
  --color-blue-900: #0F172A;   /* Dark Navy */
  --color-teal-500: #14C8A8;   /* Primary Teal — logo shirt/iron quadrants + sparkle */
  --color-teal-600: #0FA98D;

  --color-white: #FFFFFF;
  --color-slate-50: #F8FAFC;   /* Light Background */
  --color-slate-200: #E5E7EB;  /* Border */
  --color-slate-500: #64748B;  /* Secondary Text */
  --color-slate-800: #1E293B;  /* Text */

  --color-green-500: #10B981;  /* Success */

  /* ---- Semantic aliases ---- */
  --color-bg-page: var(--color-white);
  --color-bg-subtle: var(--color-slate-50);
  --color-bg-inverse: var(--color-blue-900);

  --color-text-primary: var(--color-slate-800);
  --color-text-secondary: var(--color-slate-500);
  --color-text-inverse: var(--color-white);
  --color-text-brand: var(--color-blue-700);

  --color-border-default: var(--color-slate-200);
  --color-border-strong: #CBD5E1;

  --color-brand-primary: var(--color-blue-700);
  --color-brand-primary-hover: var(--color-blue-800);
  --color-brand-accent: var(--color-teal-500);
  --color-brand-accent-hover: var(--color-teal-600);

  --color-success: var(--color-green-500);

  /* Gradients — used sparingly for hero backgrounds & CTA sections */
  --gradient-brand: linear-gradient(135deg, var(--color-blue-700) 0%, var(--color-teal-500) 100%); /* @kind color */
  --gradient-hero-wash: linear-gradient(180deg, #EFF6FF 0%, #F8FAFC 60%, #FFFFFF 100%); /* @kind color */
  --gradient-navy-cta: linear-gradient(135deg, #0F172A 0%, #1D4ED8 100%); /* @kind color */

  /* Glass surfaces (subtle glassmorphism, per brand brief) */
  --glass-bg: rgba(255, 255, 255, 0.6);
  --glass-border: rgba(255, 255, 255, 0.4);
  --glass-blur: 16px;
}