/* ==========================================================================
   Brand colour: the logo's cyan-azure (#0278BC, white text 4.8:1), and no
   violet anywhere (the client's ask). Loaded last, on every page and the POS.

   The theme colours (--theme-700/800/900, css.blade.php) already drive the
   sidebar, header, pages and the POS. This answers what does not read them:
   daisyUI's "primary", AdminLTE's purple helpers, and the indigo, violet and
   purple utilities compiled into tailwind/app.css -- those last redrawn in
   Tailwind's sky (indigo) and cyan (violet, purple) at the same shade,
   generated from that file since it cannot be rebuilt here. `html` puts
   them above the originals.
   ========================================================================== */

/* daisyUI: tw-dw-btn-primary and the rest of its "primary" */
:root, [data-theme] {
  --p: 55.26% 0.1372 244.53;   /* #0278BC */
  --pf: 50% 0.1193 242.75;     /* #0369A1 */
  --pc: 100% 0 0;
  --fallback-p: #0278BC;
  --fallback-pc: #FFFFFF;
}

/* AdminLTE's purple (#605ca8) */
.bg-purple { background-color: var(--theme-700) !important; }
.bg-purple-active { background-color: var(--theme-800) !important; }
.bg-purple-gradient { background: linear-gradient(0deg, var(--theme-700), #00A8E8) !important; color: #fff; }
.text-purple { color: var(--theme-700) !important; }

/* vendor.css gives every heading a dark indigo-grey (#32325d) */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { color: #0F172A; }

/* The indigo-to-blue pill buttons end in the brand's own dark, not Tailwind blue. */
html .tw-from-indigo-500.tw-to-blue-500, html .tw-from-indigo-600.tw-to-blue-500 { --tw-gradient-to: #0369A1 var(--tw-gradient-to-position); }

/* Tailwind indigo / violet / purple, redrawn */
html .tw-bg-\[\#646EE4\] {--tw-bg-opacity:1;background-color:rgb(2 120 188/var(--tw-bg-opacity))}
html .tw-bg-purple-800 {--tw-bg-opacity:1;background-color:rgb(21 94 117/var(--tw-bg-opacity))}
html .tw-from-indigo-500 {--tw-gradient-from:#0EA5E9 var(--tw-gradient-from-position);--tw-gradient-to:rgba(14,165,233,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
html .tw-from-indigo-600 {--tw-gradient-from:#0284C7 var(--tw-gradient-from-position);--tw-gradient-to:rgba(2,132,199,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
html .tw-from-purple-800 {--tw-gradient-from:#155E75 var(--tw-gradient-from-position);--tw-gradient-to:rgba(21,94,117,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
html .tw-to-purple-900 {--tw-gradient-to:#164E63 var(--tw-gradient-to-position)}
html .tw-text-\[\#5E5CA8\] {--tw-text-opacity:1;color:rgb(14 116 144/var(--tw-text-opacity))}
html .tw-text-\[\#646EE4\] {--tw-text-opacity:1;color:rgb(2 120 188/var(--tw-text-opacity))}
html .hover\:tw-bg-\[\#414aac\]:hover {--tw-bg-opacity:1;background-color:rgb(3 105 161/var(--tw-bg-opacity))}
html .hover\:tw-bg-purple-700:hover {--tw-bg-opacity:1;background-color:rgb(14 116 144/var(--tw-bg-opacity))}
html .hover\:tw-from-indigo-600:hover {--tw-gradient-from:#0284C7 var(--tw-gradient-from-position);--tw-gradient-to:rgba(2,132,199,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
html .active\:tw-from-indigo-700:active {--tw-gradient-from:#0369A1 var(--tw-gradient-from-position);--tw-gradient-to:rgba(3,105,161,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}