/* Jinbocho — shared base styles (reset, design tokens, language toggle) */
/* Used by both index.html and pricing/index.html */

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

    :root {
      --red:     #BC002D;
      --red-dim: #8a0020;
      --red-bg:  #fdf4f5;
      --ink:     #111111;
      --ink-mid: #444444;
      --ink-soft:#777777;
      --line:    #e5e3de;
      --bg:      #f8f7f4;
      --white:   #ffffff;
      --radius:  10px;
      --max:     1120px;
    }

    html { scroll-behavior: smooth; }

    body {
      font-family: 'Inter', system-ui, sans-serif;
      font-size: 16px;
      line-height: 1.65;
      color: var(--ink);
      background: var(--white);
      -webkit-font-smoothing: antialiased;
    }

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


    /* ── LANG TOGGLE ── */
    .lang-toggle {
      display: flex;
      align-items: center;
      background: var(--bg);
      border: 1px solid var(--line);
      border-radius: 100px;
      padding: 2px;
      gap: 2px;
    }
    .lang-btn {
      font-size: 12px;
      font-weight: 600;
      letter-spacing: 0.04em;
      padding: 4px 10px;
      border-radius: 100px;
      border: none;
      background: transparent;
      color: var(--ink-soft);
      cursor: pointer;
      transition: background 0.15s, color 0.15s;
      line-height: 1.4;
    }
    .lang-btn.active {
      background: var(--red);
      color: var(--white);
    }
    .lang-btn:hover:not(.active) {
      background: var(--line);
      color: var(--ink);
    }