"use client";

import { useBrandColors } from "@/hooks/useBrandColors";
import { gradients } from "@/styles/tokens";

export function useThemeColors() {
  const c = useBrandColors();

  return {
    isDark: c.isDark,
    heading: c.heading,
    body: c.body,
    muted: c.muted,
    text: c.text,
    surface: c.surface,
    surfaceBorder: c.surfaceBorder,
    pageGradient: c.isDark
      ? gradients.dark
      : "linear-gradient(135deg, #f8fafc 0%, #ffffff 50%, #f1f5f9 100%)",
    headerBg: c.headerBg,
    headerScrolledBg: c.isDark ? "rgba(6, 8, 24, 0.85)" : "rgba(255, 255, 255, 0.92)",
    headerBorder: c.isDark
      ? "1px solid rgba(0, 155, 255, 0.1)"
      : "1px solid rgba(15, 23, 42, 0.08)",
    drawerBg: c.surface,
    footerBg: c.footerBg,
    footerBorder: c.surfaceBorder,
    accordionItem: {
      background: c.surface,
      border: `1px solid ${c.surfaceBorder}`,
    },
    glowOpacity: c.isDark ? 0.35 : 0.12,
    cardBg: c.isDark ? "rgba(255, 255, 255, 0.04)" : "rgba(255, 255, 255, 0.95)",
    cardBorder: c.surfaceBorder,
  };
}