/* Medical style - 医療・福祉向け、清潔感、グリーン/ブルー */

/* Color variables */
@theme {
  --color-med-primary: oklch(0.55 0.12 170);
  --color-med-secondary: oklch(0.65 0.08 180);
  --color-med-accent: oklch(0.7 0.1 200);
}

/* Font settings - 読みやすさ重視 */
body[data-style="medical"] {
  font-family: 'Noto Sans JP', 'Hiragino Sans', ui-sans-serif, system-ui, sans-serif;
  line-height: 1.8;
}

body[data-style="medical"] .font-display {
  font-family: 'Noto Sans JP', 'Hiragino Sans', ui-sans-serif, system-ui, sans-serif;
  font-weight: 500;
}

/* Background - clean and calm */
body[data-style="medical"].bg-style {
  background-image:
    linear-gradient(180deg, oklch(0.98 0.01 170 / 0.3) 0%, oklch(0.99 0 0) 50%);
}

/* Form components - soft rounded */
body[data-style="medical"] .input,
body[data-style="medical"] .select,
body[data-style="medical"] .textarea,
body[data-style="medical"] .file-input {
  border-radius: 0.375rem;
  border-color: oklch(0.85 0.02 170);
}

body[data-style="medical"] .input:focus,
body[data-style="medical"] .select:focus,
body[data-style="medical"] .textarea:focus {
  border-color: var(--color-med-primary);
  outline-color: var(--color-med-primary);
}

/* Checkbox styling */
body[data-style="medical"] .checkbox {
  background-color: transparent;
  border-color: oklch(0.75 0.02 170);
  border-radius: 0.25rem;
}

body[data-style="medical"] .checkbox:checked {
  background-color: var(--color-med-primary);
  border-color: var(--color-med-primary);
}

/* Card styling - clean white */
body[data-style="medical"] .card {
  background-color: oklch(1 0 0);
  border: 1px solid oklch(0.92 0.01 170);
}

/* Button styling */
body[data-style="medical"] .btn-primary {
  background-color: var(--color-med-primary);
  border-color: var(--color-med-primary);
}