/* ============================================================
   Lumen — palette-only retheme
   Paper #F4EFE7  · Ink #1A1715 · Oxblood #C8553D
   Taupe #8B7E72 · Hairline #D9D0C4
   Keeps Lumen's layout, fonts, rounded corners, shadows, blur, motion.
   ONLY swaps colors.
   ============================================================ */

:root,
.dark,
html,
html.dark {
  --paper: #f4efe7;
  --paper-2: #ece5d8;
  --paper-3: #e3dac9;
  --ink: #1a1715;
  --ink-2: #2a2520;
  --oxblood: #c8553d;
  --oxblood-soft: #d97a64;
  --taupe: #8b7e72;
  --hairline: #d9d0c4;

  /* Tailwind v4 / Lumen expects full color values (not triplets) */
  --background: #f4efe7;
  --foreground: #1a1715;
  --card: #faf6ee;
  --card-foreground: #1a1715;
  --popover: #faf6ee;
  --popover-foreground: #1a1715;
  --primary: #c8553d;
  --primary-foreground: #f6f0e6;
  --secondary: #ebe2d2;
  --secondary-foreground: #1a1715;
  --muted: #ebe2d2;
  --muted-foreground: #8b7e72;
  --accent: #ebe2d2;
  --accent-foreground: #1a1715;
  --destructive: #c8553d;
  --destructive-foreground: #f6f0e6;
  --border: #d9d0c4;
  --input: #d9d0c4;
  --ring: #c8553d;
  --sidebar: #efe7d8;
  --sidebar-foreground: #1a1715;
  --sidebar-primary: #c8553d;
  --sidebar-primary-foreground: #f6f0e6;
  --sidebar-accent: #ebe2d2;
  --sidebar-accent-foreground: #1a1715;
  --sidebar-border: #d9d0c4;
  --sidebar-ring: #c8553d;

  color-scheme: light !important;
}

/* Base bg / text — flip dark to paper */
html, body {
  background: var(--paper) !important;
  color: var(--ink) !important;
}

/* Lumen wraps everything in <div class="dark ..."> with a hardcoded oklch background.
   Override that wrapper. */
.dark {
  background: var(--paper) !important;
  color: var(--ink) !important;
}
[class*="bg-[oklch"] {
  background-color: var(--paper) !important;
}

/* Background grids drawn with linear-gradient on inline style */
[style*="linear-gradient(to right"][style*="oklch"],
[style*="linear-gradient(to bottom"][style*="oklch"] {
  background-image:
    linear-gradient(to right, rgba(26,23,21,0.06) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(26,23,21,0.06) 1px, transparent 1px) !important;
}

/* Big radial spotlight at top of hero — recolor to soft oxblood glow */
[class*="bg-[radial-gradient"][class*="oklch(0.68_0.2_275"] {
  background: radial-gradient(ellipse at center, rgba(200,85,61,0.18), transparent 65%) !important;
}
[class*="bg-[radial-gradient(ellipse_at_top"] {
  background: radial-gradient(ellipse at top, rgba(200,85,61,0.15), transparent 70%) !important;
}

/* Text gradients (hero "scales with your team") — restyle */
[class*="bg-gradient-to-br"][class*="from-primary"][class*="via-indigo"][class*="to-cyan"],
[class*="bg-gradient"][class*="text-transparent"] {
  background: linear-gradient(120deg, var(--oxblood), #8a3a28) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
}

/* Logo / icon containers using gradient-primary class */
.gradient-primary {
  background: linear-gradient(135deg, var(--oxblood), #a44230) !important;
}

/* Mesh / decorative gradient backgrounds */
.gradient-mesh {
  background:
    radial-gradient(at 20% 20%, rgba(200,85,61,0.18), transparent 50%),
    radial-gradient(at 80% 60%, rgba(26,23,21,0.10), transparent 55%),
    var(--paper-2) !important;
}

/* Generic gradient utility classes — recolor families to oxblood/ink */
[class*="bg-gradient-to-br"][class*="from-violet"],
[class*="bg-gradient-to-br"][class*="from-indigo"],
[class*="bg-gradient-to-br"][class*="from-purple"],
[class*="bg-gradient-to-br"][class*="from-cyan"],
[class*="bg-gradient-to-br"][class*="from-teal"],
[class*="bg-gradient-to-br"][class*="from-blue"],
[class*="bg-gradient-to-br"][class*="from-emerald"],
[class*="bg-gradient-to-br"][class*="from-green"],
[class*="bg-gradient-to-br"][class*="from-amber"],
[class*="bg-gradient-to-br"][class*="from-rose"],
[class*="bg-gradient-to-br"][class*="from-sky"],
[class*="bg-gradient-to-br"][class*="from-fuchsia"] {
  background: linear-gradient(135deg, var(--oxblood), #8a3a28) !important;
  color: var(--paper) !important;
}

/* Bar charts using from-primary gradient */
[class*="bg-gradient-to-t"][class*="from-primary"] {
  background: linear-gradient(to top, var(--oxblood), var(--oxblood-soft)) !important;
}

/* Color tints on accents — fold to the new palette */
[class*="bg-violet"], [class*="bg-indigo"], [class*="bg-purple"],
[class*="bg-fuchsia"] {
  background-color: rgba(200,85,61,0.15) !important;
}
[class*="text-violet"], [class*="text-indigo"], [class*="text-purple"],
[class*="text-fuchsia"] {
  color: var(--oxblood) !important;
}
[class*="bg-cyan"], [class*="bg-teal"], [class*="bg-sky"], [class*="bg-blue"] {
  background-color: rgba(26,23,21,0.08) !important;
}
[class*="text-cyan"], [class*="text-teal"], [class*="text-sky"], [class*="text-blue"] {
  color: var(--ink) !important;
}
[class*="bg-emerald"], [class*="bg-green"], [class*="bg-lime"] {
  background-color: rgba(139,126,114,0.18) !important;
}
[class*="text-emerald"], [class*="text-green"], [class*="text-lime"] {
  color: #5d6b4f !important;
}
[class*="bg-rose"], [class*="bg-pink"], [class*="bg-red"] {
  background-color: rgba(200,85,61,0.18) !important;
}
[class*="text-rose"], [class*="text-pink"], [class*="text-red"] {
  color: var(--oxblood) !important;
}
[class*="bg-amber"], [class*="bg-yellow"], [class*="bg-orange"] {
  background-color: rgba(200,85,61,0.15) !important;
}
[class*="text-amber"], [class*="text-yellow"], [class*="text-orange"] {
  color: var(--oxblood) !important;
}

/* Browser dot row in demo screenshot — keep recognizable but tone */
.bg-rose-400\/70 { background-color: var(--oxblood) !important; }
.bg-amber-400\/70 { background-color: var(--taupe) !important; }
.bg-emerald-400\/70 { background-color: var(--ink) !important; }

/* Keep existing border opacity stack but re-color */
[class*="border-border"] { border-color: var(--hairline) !important; }
[class*="border-primary"] { border-color: var(--oxblood) !important; }

/* Selection */
::selection { background: var(--oxblood); color: var(--paper); }
::-moz-selection { background: var(--oxblood); color: var(--paper); }

/* Scrollbar */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: var(--paper); }
::-webkit-scrollbar-thumb { background: var(--hairline); border-radius: 999px; }
::-webkit-scrollbar-thumb:hover { background: var(--taupe); }

/* Subtle: tighten card backgrounds because dark→light flip can wash out */
[class*="bg-card/40"] { background-color: rgba(255,255,255,0.55) !important; }
[class*="bg-card/60"] { background-color: rgba(255,255,255,0.7) !important; }
[class*="bg-card/80"] { background-color: rgba(255,255,255,0.85) !important; }
[class*="bg-background/80"] { background-color: rgba(244,239,231,0.85) !important; }
[class*="bg-sidebar/60"] { background-color: rgba(236,229,216,0.7) !important; }
[class*="bg-muted/40"] { background-color: rgba(217,208,196,0.5) !important; }
[class*="bg-muted/50"] { background-color: rgba(217,208,196,0.6) !important; }