src/theme.ts

import { createTheme } from "@mui/material/styles";

// Nautical light theme: off-white surfaces, deep navy ink, sea-blue accents.
export const theme = createTheme({
  palette: {
    mode: "light",
    background: {
      default: "#eef3f6",
      paper: "#ffffff",
    },
    primary: { main: "#0b3d5c" },
    secondary: { main: "#c0392b" },
    text: {
      primary: "#15293a",
      secondary: "#5f7180",
    },
    divider: "#d4dde3",
  },
  typography: {
    fontFamily: 'system-ui, "Segoe UI", Roboto, sans-serif',
    h1: { fontSize: "1.5rem", fontWeight: 700, letterSpacing: "-0.02em" },
  },
  shape: { borderRadius: 10 },
});