/* shadcn/ui inspired design tokens
 * Font: Helvetica (English) / Noto Sans JP (Japanese)
 * Palette: zinc neutral + minimal accent
 * No icons / No shadows / Thin borders
 */

:root {
  /* === Color (HSL) === */
  --background: 0 0% 100%;
  --foreground: 240 10% 3.9%;

  --muted: 240 4.8% 95.9%;
  --muted-foreground: 240 3.8% 46.1%;

  --card: 0 0% 100%;
  --card-foreground: 240 10% 3.9%;

  --popover: 0 0% 100%;
  --popover-foreground: 240 10% 3.9%;

  --primary: 240 5.9% 10%;
  --primary-foreground: 0 0% 98%;

  --secondary: 240 4.8% 95.9%;
  --secondary-foreground: 240 5.9% 10%;

  --accent: 240 4.8% 95.9%;
  --accent-foreground: 240 5.9% 10%;

  --destructive: 0 72.2% 50.6%;
  --destructive-foreground: 0 0% 98%;

  --success: 142 71% 45%;
  --success-foreground: 0 0% 98%;

  --warning: 38 92% 50%;
  --warning-foreground: 240 10% 3.9%;

  --border: 240 5.9% 90%;
  --input: 240 5.9% 90%;
  --ring: 240 5.9% 10%;

  /* === Convenience aliases (legacy compat) === */
  --bg: hsl(var(--background));
  --surface1: hsl(var(--muted));
  --text: hsl(var(--foreground));
  --text2: hsl(var(--muted-foreground));
  --text3: hsl(240 3.8% 60%);

  /* === Spacing === */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 24px;
  --space-2xl: 32px;
  --space-3xl: 48px;

  /* === Radius === */
  --radius: 8px;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 10px;
  --radius-pill: 9999px;

  /* === Typography === */
  --font-sans: Helvetica, "Helvetica Neue", "Noto Sans JP", "Hiragino Sans", "Yu Gothic UI", Arial, sans-serif;
  --font-base: var(--font-sans);
  --font-mono: ui-monospace, "SF Mono", Menlo, Monaco, Consolas, monospace;
}