/* globals.css - Figma MCP v3 SP */
/* Generated from Figma node: 385:1177 (monthly_sp) */

/* Google Fonts - Noto Sans JP (from Figma textStyle) */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap');

/* Reset */
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  font-size: 16px;
  -webkit-text-size-adjust: 100%;
}

body {
  font-family: 'Noto Sans JP', sans-serif;
  line-height: 1.5;
  color: #000000;
  background-color: #F2F0E8; /* fill_JIVA0U */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

a {
  color: inherit;
  text-decoration: none;
}

ul, ol {
  list-style: none;
}

button, input {
  font-family: inherit;
  border: none;
  background: none;
}

button {
  cursor: pointer;
}

/* ================================================
   Figma Color Tokens (from fill_* definitions)
   ================================================ */
:root {
  /* fill_AM6E95 - Primary Red */
  --fill-am6e95: #FF1100;

  /* fill_6R65D0 - White */
  --fill-6r65d0: #FFFFFF;

  /* fill_JIVA0U - Background Cream */
  --fill-jiva0u: #F2F0E8;

  /* fill_A1T3RI - Text Black */
  --fill-a1t3ri: #000000;

  /* fill_R6V3BZ - Placeholder Gray */
  --fill-r6v3bz: #797979;

  /* fill_1RBRW9 - Blue Accent */
  --fill-1rbrw9: #106EC6;

  /* fill_0CSQXC - Status Green */
  --fill-0csqxc: #28AF62;

  /* fill_2QTIX6 - Status Badge Dark */
  --fill-2qtix6: #3C3C3C;

  /* stroke_ZNLAO8 - Border Gray */
  --stroke-znlao8: #696B68;

  /* stroke_3385YV - Border Light */
  --stroke-3385yv: #EBE9DC;

  /* stroke_PE54NA - Card Border */
  --stroke-pe54na: #F2F0E8;
}

/* Utility */
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}