/* 더시드 메뉴 페이지 — 하얀 화면 (2026-11-03 운영자 「화면은 목록은 전부 하얀색으로 진행하자」 → 「메뉴 페이지 전부」)
   홈(컴퓨터 화면 · 가지 메뉴)은 그대로 어둡고, 메뉴를 눌러 들어가는 페이지(회사 · 비즈니스 · THESEED CLOUD · 이벤트 · 앱)는 흰 바탕.
   account.css 뒤에 불러오고 <body class="light"> 로 켭니다. 색 이름(토큰)만 바꿔서, 페이지 안의 var(--fg) · var(--line) 들이 그대로 흰 화면에 맞게 됨.
   로그인 · 가입 · 내 계정 화면은 아직 어두운 그대로(운영자에게 물어볼 것) */
body.light {
  --bg: #ffffff; --fg: #1d1d1f; --sub: #6e6e73; --faint: #86868b;
  --blue: #0b6fa8; --gold: #a66f1f; --red: #c5221f; --ok: #1e7d48;
  --line: #d2d2d7; --field: #f5f5f7; --field-hi: #ffffff;
  --navy: #0b1728; --canvas: #f5f5f7;
  --wash: rgba(0,0,0,.035); --wash2: rgba(0,0,0,.06); --wash3: rgba(0,0,0,.1);
  /* 가지 선 색 — 흰 바탕에서 보이게 조금 진하게(엠블럼의 하늘 · 금) */
  --branch-blue: #3f9bd1; --branch-gold: #c48a35;
  background: var(--bg); color: var(--fg);
}
body.light ::selection { background: rgba(196,138,53,.22); }
body.light .bg { display: none; }

/* 위 막대 — 애플처럼 반투명 흰 막대 */
body.light .top { background: rgba(255,255,255,.82); border-bottom: 1px solid rgba(0,0,0,.08); }
body.light .top .logo span { color: var(--fg); }
body.light .top .logo img { filter: none; }
body.light .top .who .dot { color: #fff; background: linear-gradient(135deg, var(--branch-blue), var(--branch-gold)); }

/* 카드 · 알림 */
body.light .card { background: #fff; border: 1px solid var(--line); box-shadow: 0 12px 40px rgba(0,0,0,.07); -webkit-backdrop-filter: none; backdrop-filter: none; }
body.light .emb { filter: none; }
body.light .note { background: #f0f7fc; border-color: #cfe4f2; color: var(--fg); }
body.light .note.bad { background: #fdecea; border-color: #f3c3be; }
body.light .note.ok { background: #e9f6ee; border-color: #bfe3cc; }

/* 입력 */
body.light .input input { background: var(--field); border-color: var(--line); color: var(--fg); }
body.light .input input:focus { border-color: var(--branch-blue); background: #fff; box-shadow: 0 0 0 4px rgba(63,155,209,.15); }
body.light .input .eye:hover, body.light .check .view:hover { background: var(--wash2); }
body.light .agree { background: var(--canvas); border-color: var(--line); }
body.light .check:hover { background: var(--wash); }
body.light .check.all { border-bottom-color: var(--line); }
body.light .check input { border-color: #b0b0b8; background: #fff; }
body.light .check input::after { border-color: #fff; }
body.light .check input:checked { background: var(--navy); border-color: var(--navy); }

/* 버튼 */
body.light .btn.main { background: var(--navy); color: #fff; }
body.light .btn.main:hover:not([disabled]) { filter: brightness(1.25); }
body.light .btn.line { background: #fff; border: 1px solid var(--line); color: var(--fg); }
body.light .btn.line:hover:not([disabled]) { background: var(--canvas); }
body.light .btn.danger { background: #fdecea; border-color: #f3c3be; color: var(--red); }
body.light .btn.busy::after { border-color: rgba(255,255,255,.35); border-top-color: #fff; }
body.light .btn.line.busy::after { border-color: rgba(0,0,0,.15); border-top-color: var(--fg); }
body.light .btn:focus-visible { outline-color: var(--branch-blue); }
body.light .or::before, body.light .or::after { background: var(--line); }
body.light .links a, body.light .links button { text-decoration-color: rgba(0,0,0,.25); }

/* 줄 목록 · 표 · 스위치 */
body.light .rows { background: #fff; }
body.light .row { border-top-color: var(--wash2); }
body.light .row form .mini.go { background: var(--navy); color: #fff; } body.light .row form .mini.no { background: var(--wash2); }
body.light .tag { background: var(--wash2); }
body.light .switch { background: #d2d2d7; } body.light .switch:checked { background: var(--navy); }

/* 창 */
body.light dialog { background: #fff; color: var(--fg); border-color: var(--line); box-shadow: 0 30px 90px rgba(0,0,0,.18); }
body.light dialog::backdrop { background: rgba(0,0,0,.28); }
body.light dialog .doc h4 { color: var(--fg); }

/* 휴대폰 — 글자 사이 · 줄 사이 · 구역 사이를 더 띄움 (2026-11-07 운영자 「핸드폰으로 보는 거 자간을 넓게, 한곳에 다 보이니까 어지럽다」)
   흰 메뉴 페이지(회사 · AX · 비즈니스 · 이벤트 · 앱 · THESEED CLOUD) 모두. 숫자 · 고정폭 글자는 그대로 */
@media (max-width: 640px) {
  body.light { letter-spacing: .012em; line-height: 1.75; }
  body.light h1, body.light h2, body.light h3 { letter-spacing: -.012em; line-height: 1.22; }
  body.light p, body.light li { line-height: 1.8; }
  body.light .hero .lead, body.light .sec .sub, body.light .lead, body.light .sub { font-size: 16.5px; line-height: 1.85; margin-top: 22px; }
  body.light .sec { padding: 72px 0; }
  body.light .sec h2 { margin-top: 16px; }
  body.light .box, body.light .job { padding: 24px 20px; }
  body.light .box p, body.light .job p { line-height: 1.8; }
  /* 2026-11-08 운영자 「핸드폰은 글자를 좀 줄여서 — 너무 크면 가독성이 떨어진다」 — 줄 사이 · 글자 사이(11-07)는 그대로 두고 크기만 한 단계씩 */
  body.light { font-size: 15.5px; }
  body.light .hero h1 { font-size: clamp(32px, 9vw, 40px); }
  body.light .hero .h2 { font-size: clamp(19px, 5.4vw, 24px); }
  body.light .hero .lead, body.light .sec .sub, body.light .lead, body.light .sub { font-size: 15px; line-height: 1.8; }
  body.light .sec h2 { font-size: clamp(25px, 7vw, 30px); }
  body.light .box h3, body.light .job h3 { font-size: 18.5px; }
  body.light .box p, body.light .job p { font-size: 14.5px; }
  body.light .more { font-size: 15px; }
  body.light .faq summary { font-size: 16px; }
  body.light .faq .a { font-size: 15px; line-height: 1.75; }
  body.light .essay p { font-size: 15.5px; line-height: 1.85; }
  body.light .rules b { font-size: 18.5px; }
  body.light .rules p, body.light .rules .how, body.light .svc .real { font-size: 14.5px; }
  body.light .line b { font-size: 17.5px; } body.light .line p { font-size: 14px; }
  body.light .nums b { font-size: 32px; } body.light .nums span { font-size: 13.5px; }
  body.light .step h3, body.light .bz h3 { font-size: 18px; }
  body.light .step .what, body.light .step .real, body.light .step .give { font-size: 14.5px; }
  body.light .tl h3, body.light .way h3 { font-size: 16px; }
  body.light .motto { font-size: 19px; }
  body.light .ai h3 { font-size: 19px; } body.light .ai p, body.light .name p + p { font-size: 15px; }
}