@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Noto+Sans+JP:wght@400;500;700&display=swap");
@import "@godxjp/ui/styles";

:root {

  --primary: 221 83% 53%;
  --primary-foreground: 0 0% 100%;

  --ring: 221 83% 53%;

  --text-link: 224 76% 45%;
  --text-brand: 221 83% 53%;
  --text-primary: 224 76% 42%;

  --gradient-brand: linear-gradient(135deg, hsl(221 83% 53%), hsl(262 83% 58%));

  --font-family-sans:
    "Inter", "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif;
}

.dark {
  --primary: 221 90% 66%;
  --primary-foreground: 222 47% 11%;

  --ring: 221 90% 66%;
  --text-link: 221 90% 72%;
  --text-brand: 221 90% 70%;
  --text-primary: 221 90% 68%;
}