export const cardTokens = {
  dark: {
    colors: {
      surface: "#101218",
      text: "#E9EEF8",
      muted: "#A9B3C7",
      accent: "#4EA1FF",
      danger: "#FF4D4D",
    },
    gradients: {
      newsBlue: "linear-gradient(135deg, rgba(78,161,255,0.35), rgba(16,18,24,1))",
      breakingRed: "linear-gradient(135deg, rgba(255,77,77,0.28), rgba(16,18,24,1))",
      marketGold: "linear-gradient(135deg, rgba(250,204,21,0.22), rgba(16,18,24,1))",
      friendsGreen: "linear-gradient(135deg, rgba(34,197,94,0.22), rgba(16,18,24,1))",
      eventsPurple: "linear-gradient(135deg, rgba(168,85,247,0.22), rgba(16,18,24,1))",
      financeTeal: "linear-gradient(135deg, rgba(45,212,191,0.22), rgba(16,18,24,1))",
},
    radius: { card: 18 },
    shadow: { card: "0 10px 30px rgba(0,0,0,0.35)" },
    text: {
      title: { color: "#E9EEF8", fontSize: 16, fontWeight: 800, lineHeight: "20px" },
      meta: { color: "#A9B3C7", fontSize: 12, fontWeight: 600 },
      h1: { color: "#E9EEF8", fontSize: 22, fontWeight: 900, lineHeight: "26px" },
      body: { color: "#D7DEED", fontSize: 14, fontWeight: 600, lineHeight: "18px" },
    },
    chip: {
      news: { background: "rgba(78,161,255,0.18)", color: "#CFE6FF", fontWeight: 800, fontSize: 12, borderRadius: 999 },
      danger: { background: "rgba(255,77,77,0.18)", color: "#FFD1D1", fontWeight: 900, fontSize: 12, borderRadius: 999 },
    },
    button: {
      primary: { background: "rgba(78,161,255,0.22)", color: "#E9EEF8", fontWeight: 900, borderRadius: 14 },
    },
  },

  blue: {
    colors: {
      surface: "#071225",
      text: "#E9EEF8",
      muted: "#B5C7E6",
      accent: "#38bdf8",
      danger: "#FF4D4D",
    },
    gradients: {
      newsBlue: "linear-gradient(135deg, rgba(56,189,248,0.35), rgba(7,18,37,1))",
      breakingRed: "linear-gradient(135deg, rgba(255,77,77,0.28), rgba(7,18,37,1))",
      marketGold: "linear-gradient(135deg, rgba(250,204,21,0.22), rgba(7,18,37,1))",
      friendsGreen: "linear-gradient(135deg, rgba(34,197,94,0.22), rgba(7,18,37,1))",
      eventsPurple: "linear-gradient(135deg, rgba(168,85,247,0.22), rgba(7,18,37,1))",
      financeTeal: "linear-gradient(135deg, rgba(45,212,191,0.22), rgba(7,18,37,1))",
},
    radius: { card: 18 },
    shadow: { card: "0 10px 30px rgba(0,0,0,0.40)" },
    text: {
      title: { color: "#F0F7FF", fontSize: 16, fontWeight: 900, lineHeight: "20px" },
      meta: { color: "#B5C7E6", fontSize: 12, fontWeight: 700 },
      h1: { color: "#F0F7FF", fontSize: 22, fontWeight: 900, lineHeight: "26px" },
      body: { color: "#D7E9FF", fontSize: 14, fontWeight: 700, lineHeight: "18px" },
    },
    chip: {
      news: { background: "rgba(56,189,248,0.18)", color: "#D7F3FF", fontWeight: 900, fontSize: 12, borderRadius: 999 },
      danger: { background: "rgba(255,77,77,0.18)", color: "#FFD1D1", fontWeight: 900, fontSize: 12, borderRadius: 999 },
    },
    button: {
      primary: { background: "rgba(56,189,248,0.22)", color: "#F0F7FF", fontWeight: 900, borderRadius: 14 },
    },
  },

  light: {
    colors: {
      surface: "#FFFFFF",
      text: "#0B1220",
      muted: "#5B677A",
      accent: "#1E6BFF",
      danger: "#D1001F",
    },
    gradients: {
      newsBlue: "linear-gradient(135deg, rgba(30,107,255,0.20), rgba(255,255,255,1))",
      breakingRed: "linear-gradient(135deg, rgba(209,0,31,0.16), rgba(255,255,255,1))",
      marketGold: "linear-gradient(135deg, rgba(250,204,21,0.18), rgba(255,255,255,1))",
      friendsGreen: "linear-gradient(135deg, rgba(34,197,94,0.16), rgba(255,255,255,1))",
      eventsPurple: "linear-gradient(135deg, rgba(168,85,247,0.16), rgba(255,255,255,1))",
      financeTeal: "linear-gradient(135deg, rgba(45,212,191,0.16), rgba(255,255,255,1))",
},
    radius: { card: 18 },
    shadow: { card: "0 10px 24px rgba(0,0,0,0.12)" },
    text: {
      title: { color: "#0B1220", fontSize: 16, fontWeight: 900, lineHeight: "20px" },
      meta: { color: "#5B677A", fontSize: 12, fontWeight: 700 },
      h1: { color: "#0B1220", fontSize: 22, fontWeight: 900, lineHeight: "26px" },
      body: { color: "#1A2740", fontSize: 14, fontWeight: 600, lineHeight: "18px" },
    },
    chip: {
      news: { background: "rgba(30,107,255,0.12)", color: "#0B1220", fontWeight: 900, fontSize: 12, borderRadius: 999 },
      danger: { background: "rgba(209,0,31,0.10)", color: "#0B1220", fontWeight: 900, fontSize: 12, borderRadius: 999 },
    },
    button: {
      primary: { background: "rgba(30,107,255,0.14)", color: "#0B1220", fontWeight: 900, borderRadius: 14 },
    },
  },
};
