import type { MantineColorsTuple } from "@mantine/core";
import { colors } from "./tokens";

/** Escala Mantine 0-9 baseada na cor primária #009BFF */
export const nogahost: MantineColorsTuple = [
  "#e6f5ff",
  "#b3e0ff",
  "#80cbff",
  "#4db6ff",
  "#33B5FF",
  "#009BFF",
  "#0088e6",
  "#0073cc",
  "#005eb3",
  "#000056",
];

export const surface: MantineColorsTuple = [
  colors.bgMain,
  colors.bgSecondary,
  colors.blueDark,
  colors.grayDark,
  "#334155",
  colors.grayMedium,
  colors.grayLight,
  "#e2e8f0",
  "#f1f5f9",
  colors.white,
];

export const nogahostTheme = {
  primaryColor: "nogahost" as const,
  defaultRadius: "md" as const,
  fontFamily: "var(--font-sans), system-ui, sans-serif",
  fontFamilyMonospace: "var(--font-mono), monospace",
  headings: {
    fontFamily: "var(--font-display), system-ui, sans-serif",
    fontWeight: "800",
  },
  colors: {
    nogahost,
    surface,
  },
  primaryShade: { light: 5, dark: 5 } as const,
  other: {
    gradientPrimary: "linear-gradient(135deg, #000056 0%, #009BFF 50%, #33B5FF 100%)",
    gradientDark: "linear-gradient(135deg, #060818 0%, #0B1025 100%)",
    glowBlue: "0 0 40px rgba(0, 155, 255, 0.3)",
    glassBorder: "rgba(0, 155, 255, 0.15)",
    glassBg: "rgba(11, 16, 37, 0.72)",
  },
};