/* Ink theme — adopted from the Edibox prototype.
   Reroutes Tailwind's blue-* utilities to theme CSS variables so existing
   templates pick up the palette without markup changes. */

:root {
  --edi-primary:        #2A3550;
  --edi-primary-hover:  #1c2640;
  --edi-primary-soft:   #edeff5;
  --edi-primary-softer: #f5f6fa;
  --edi-primary-text:   #2A3550;
  --edi-ring:           rgba(42, 53, 80, .25);
  --edi-logo:           #202040;
  --edi-bg:             #f7f6f3;
  --edi-bg-gradient-a:  #e9ebf1;
  --edi-bg-gradient-b:  #eceae3;
}

/* Background */
body.bg-gray-50,
.bg-gray-50 { background-color: var(--edi-bg) !important; }

/* Solid blue utilities */
.bg-blue-600            { background-color: var(--edi-primary) !important; }
.hover\:bg-blue-700:hover { background-color: var(--edi-primary-hover) !important; }
.bg-blue-50             { background-color: var(--edi-primary-soft) !important; }
.bg-blue-100            { background-color: var(--edi-primary-soft) !important; }

/* Text */
.text-blue-600          { color: var(--edi-primary-text) !important; }
.text-blue-700,
.text-blue-800          { color: var(--edi-primary-hover) !important; }
.hover\:text-blue-600:hover { color: var(--edi-primary-text) !important; }
.hover\:text-blue-700:hover,
.hover\:text-blue-800:hover { color: var(--edi-primary-hover) !important; }

/* Borders / rings */
.border-blue-500        { border-color: var(--edi-primary) !important; }
.focus\:border-blue-500:focus { border-color: var(--edi-primary) !important; }
.focus\:ring-blue-500:focus,
.focus\:ring-blue-600:focus,
.focus\:ring-blue-200:focus {
  --tw-ring-color: var(--edi-ring) !important;
  box-shadow: 0 0 0 2px var(--edi-ring) !important;
}

/* Gradient stops used by login/register backgrounds.
   Tailwind's from-*/to-* set --tw-gradient-from / --tw-gradient-to directly,
   so reroute those too. */
.from-blue-50 {
  --tw-gradient-from: var(--edi-bg-gradient-a) var(--tw-gradient-from-position) !important;
  --tw-gradient-to: color-mix(in srgb, var(--edi-bg-gradient-a) 0%, transparent) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}
.to-blue-50 {
  --tw-gradient-to: var(--edi-bg-gradient-a) var(--tw-gradient-to-position) !important;
}
.to-gray-100 {
  --tw-gradient-to: var(--edi-bg-gradient-b) var(--tw-gradient-to-position) !important;
}
.from-gray-50 {
  --tw-gradient-from: var(--edi-bg-gradient-b) var(--tw-gradient-from-position) !important;
  --tw-gradient-to: color-mix(in srgb, var(--edi-bg-gradient-b) 0%, transparent) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}