/*
 * DigiGrow Max — custom.css
 * Extends the static Tailwind CSS with custom color/font utilities.
 * This eliminates the need for the tailwindcss CDN runtime JS.
 *
 * Custom palette used across the site:
 *   navy-800  #111c2e | navy-900  #0b1320 | navy-950  #060a12
 *   teal-700  #0d5c46 | teal-800  #0a4635
 *   lime-400  #a3e635
 *   font-outfit → "Outfit" font family
 */

/* ─── CUSTOM COLOR UTILITIES ─────────────────────────────────────────────── */

/* Text colors */
.text-navy-800  { color: #111c2e; }
.text-navy-900  { color: #0b1320; }
.text-navy-950  { color: #060a12; }
.text-teal-700  { color: #0d5c46; }
.text-teal-800  { color: #0a4635; }
.text-lime-400  { color: #a3e635; }

/* Background colors */
.bg-navy-800    { background-color: #111c2e; }
.bg-navy-900    { background-color: #0b1320; }
.bg-navy-950    { background-color: #060a12; }
.bg-teal-700    { background-color: #0d5c46; }
.bg-teal-800    { background-color: #0a4635; }
.bg-lime-400    { background-color: #a3e635; }

/* Background with opacity (used as decorative blobs) */
.bg-teal-400\/60 { background-color: rgba(45, 212, 191, 0.60); }
.bg-teal-700\/60 { background-color: rgba(13,  92,  70, 0.60); }
.bg-teal-800\/10 { background-color: rgba(10,  70,  53, 0.10); }
.bg-lime-900\/10 { background-color: rgba(54,  83,   0, 0.10); }
.bg-teal-700\/20 { background-color: rgba(13,  92,  70, 0.20); }
.bg-lime-500\/10 { background-color: rgba(132, 204,  22, 0.10); }

/* Border colors */
.border-teal-700    { border-color: #0d5c46; }
.border-teal-800    { border-color: #0a4635; }
.border-teal-700\/30{ border-color: rgba(13, 92, 70, 0.30); }
.border-teal-700\/60{ border-color: rgba(13, 92, 70, 0.60); }
.border-lime-500\/20{ border-color: rgba(132,204,22, 0.20); }

/* Hover overrides */
.hover\:bg-teal-700:hover  { background-color: #0d5c46; }
.hover\:bg-teal-800:hover  { background-color: #0a4635; }
.hover\:text-teal-700:hover{ color: #0d5c46; }

/* Focus ring for teal */
.focus\:border-teal-700:focus { border-color: #0d5c46; }
.focus\:ring-teal-700:focus   { --tw-ring-color: #0d5c46; }

/* ─── CUSTOM FONT UTILITY ────────────────────────────────────────────────── */
.font-outfit {
    font-family: 'Outfit', sans-serif;
}

/* ─── SCROLL SMOOTH (html level) ─────────────────────────────────────────── */
html.scroll-smooth {
    scroll-behavior: smooth;
}

/* ─── HIDE SCROLLBAR UTILITIES ───────────────────────────────────────────── */
.scrollbar-none::-webkit-scrollbar { display: none; }
.scrollbar-none { -ms-overflow-style: none; scrollbar-width: none; }

/* ─── BACKDROP BLUR ──────────────────────────────────────────────────────── */
.backdrop-blur-md { -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); }
.backdrop-blur-lg { -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); }

/* ─── ADMIN DASHBOARD SPECIFIC OVERRIDES ─────────────────────────────────── */
.admin-dashboard .text-xs   { font-size: 0.85rem; }
.admin-dashboard .text-sm   { font-size: 0.975rem; }
.admin-dashboard .text-base { font-size: 1.125rem; }
.admin-dashboard .text-lg   { font-size: 1.25rem; }
.admin-dashboard .text-xl   { font-size: 1.45rem; }
.admin-dashboard .text-2xl  { font-size: 1.75rem; }
.admin-dashboard .text-3xl  { font-size: 2.25rem; }

.admin-dashboard .bg-navy-900 { background-color: #0d0e12; }
.admin-dashboard .bg-navy-950 { background-color: #07080a; }
.admin-dashboard .bg-gray-800 { background-color: #181920; }
.admin-dashboard .bg-gray-850 { background-color: #111318; }
.admin-dashboard .bg-teal-400 { background-color: #a9f2da; }
.admin-dashboard .bg-teal-500 { background-color: #8ee5cb; }
.admin-dashboard .bg-teal-600 { background-color: #0d9488; }

.admin-dashboard .text-navy-900 { color: #0d0e12; }
.admin-dashboard .text-navy-950 { color: #07080a; }
.admin-dashboard .text-gray-800 { color: #181920; }
.admin-dashboard .text-gray-850 { color: #111318; }
.admin-dashboard .text-teal-400 { color: #a9f2da; }
.admin-dashboard .text-teal-500 { color: #8ee5cb; }
.admin-dashboard .text-teal-600 { color: #0d9488; }

.admin-dashboard .border-gray-800 { border-color: #181920; }
.admin-dashboard .border-gray-850 { border-color: #111318; }
.admin-dashboard .border-teal-500 { border-color: #8ee5cb; }