/* ============================================================
   recruit-base.css
   求人ページ共通: CSS変数 / body / 基本リセット
   2026-05-21 リファクタで style.css から分離
   ============================================================ */

/* ========================================
   求人ページ共通CSS
   ======================================== */

/* 画像保存防止（スマホ長押し） */
img {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
    pointer-events: none;
}

a img, .swiper-slide img {
    pointer-events: none;
}

:root {
    --rc-primary: #ff5081;
    --rc-primary-light: #ff7ca3;
    --rc-primary-dark: #e0456e;
    --rc-pink-bg: #fff5f8;
    --rc-pink-border: #ffd1de;
    --rc-bg: #f5f0eb;
    --rc-bg-alt: #ffffff;
    --rc-text: #3a3a3a;
    --rc-text-light: #6b6b6b;
    --rc-text-white: #ffffff;
    --rc-dark: #2a2a2a;
    --rc-dark-light: #3e3e3e;
    --rc-border: #e0dbd5;
    --rc-font-en: "Quicksand", sans-serif;
    --rc-font-ja: "Noto Sans JP", sans-serif;
    --rc-container: 1100px;
    --rc-radius: 12px;
}

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

html {
    scroll-behavior: smooth;
    scroll-padding-top: 70px;
}

body {
    font-family: var(--rc-font-ja);
    font-size: 16px;
    line-height: 1.8;
    color: var(--rc-text);
    /* Phase B (2026-05-20): 雑誌的・上品な3色グラデーション
       コントラスト視認可能なレベルに調整
       左上: 薄ベージュ → 中央: 白に近いベージュ → 右下: 白に近いグレー */
    background-color: #FAF7F2;           /* フォールバック */
    background-image: linear-gradient(135deg,
        #EBE1D2 0%,                      /* 薄ベージュ (やや濃いめ) */
        #F8F2E8 30%,                     /* 白に近いベージュ */
        #FBF8F3 60%,
        #EFEDE8 100%);                   /* 白に近いグレー */
    background-attachment: fixed;
    -webkit-font-smoothing: antialiased;
    min-height: 100vh;
}

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

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