/* ============================================================
   GLOVET — 공용 디자인 시스템
   랜딩(index.css)의 토큰을 전 페이지에 통일 적용.
   각 페이지 고유 <style> 뒤에 링크해 마지막에 덮어씁니다.
   ============================================================ */

:root {
  /* ── 브랜드 남색 (랜딩 index.css와 동일 값) ── */
  --ds-navy-deep:   #061027;   /* 가장 어두운 배경 */
  --ds-navy:        #192846;   /* 어두운 표면 (카드/탑바) */
  --ds-accent:      #1b3568;   /* 포인트 — 밝은 배경 위 */
  --ds-accent-hi:   #2c518e;   /* 포인트 hover */
  --ds-accent-dark: #9bbae1;   /* 포인트 — 어두운 배경 위 (대비 확보) */

  /* ── 라이트 표면 ── */
  --ds-ink:      #121720;
  --ds-muted:    #5d636f;
  --ds-line:     #dbdee5;
  --ds-soft:     #f5f7fb;
  --ds-paper:    #ffffff;

  /* ── 다크 표면 ── */
  --ds-d-surface: #101a2f;
  --ds-d-raised:  #16203a;
  --ds-d-line:    #2a3550;
  --ds-d-line-2:  #37425e;
  --ds-d-field:   #1c263d;
  --ds-d-text:    #e9ecf2;
  --ds-d-muted:   #9aa6bd;

  /* ── 상태색 (전 페이지 공통) ── */
  --ds-ok:    #1c7a48;
  --ds-warn:  #a97400;
  --ds-error: #c0334a;

  --ds-font: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI',
             'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;

  /* theme-calendly.css 토큰을 같은 값으로 재정의 (login/index 모달) */
  --signal:     #1b3568;
  --signal-600: #16294f;
  --ink:        #121720;
  --slate:      #5d636f;
  --hairline:   #dbdee5;
  --cloud:      #f5f7fb;
  --pebble:     #eef1f6;

  /* 라운딩 제거 — 토큰을 쓰는 곳까지 한 번에 */
  --r-sm: 0; --r-btn: 0; --r-input: 0; --r-product: 0; --r-card: 0; --r-pill: 0;
}

/* ── 타이포그래피 통일 ── */
body,
button, input, select, textarea {
  font-family: var(--ds-font);
}

/* ============================================================
   모든 둥근 모서리 제거.
   각 페이지 <style>의 .card{border-radius:14px} 같은 선언을
   확실히 덮기 위해 !important 를 씁니다.
   ============================================================ */
*, *::before, *::after { border-radius: 0 !important; }

/* 예외: 모서리가 아니라 "원" 그 자체인 요소들 (로고 점·상태 점·아바타·블롭) */
.logo-text::after,
.status-dot,
.pulse-dot,
.pulse-dot::after,
.dirty-dot,
.user-avatar,
.blob,
.dot,
.rec-dot,
.spinner,
.loading-spinner,
.prep-spinner,
.prep-check {
  border-radius: 50% !important;
}

/* ── 포커스 링 통일 ── */
input:focus, select:focus, textarea:focus {
  outline: none;
  border-color: var(--ds-accent);
}