@charset "utf-8";
/**
 * 테마: company — 각지고 단정한 기업용
 *
 * basic 의 style.css 를 다 불러온 뒤 이 파일이 얹힌다.
 * 그래서 여기에는 "바꾸고 싶은 값"만 적는다. 적지 않은 것은 basic 그대로다.
 * 색은 라이트/다크 두 벌을 모두 적어야 한다 — 한쪽만 적으면 다른 쪽에서 어긋난다.
 */

:root {
  /* 브랜드 — 감청 */
  --brand:            #14476b;
  --brand-foreground: #ffffff;
  --brand-hover:      #1b5a87;
  --brand-active:     #0f3853;

  /* 모서리를 각지게 */
  --radius-sm:   0;
  --radius-md:   2px;
  --radius-lg:   2px;
  --radius-xl:   4px;
  --radius:      2px;

  /* 차분한 회청 바탕 */
  --background:    #ffffff;
  --card:          #ffffff;
  --muted:         #eef2f5;
  --secondary:     #eef2f5;
  --accent:        #eef2f5;
  --border:        #d6dee5;
  --border-subtle: #e7edf1;
  --input:         #d6dee5;
  --ring:          #14476b;

  --header-height: 84px;
}

/* 다크 */
:root[data-theme="dark"] {
  --brand:        #4dabf7;
  --brand-hover:  #74c0fc;
  --brand-active: #339af0;
  --brand-foreground: #06202f;

  --background:    #0e1520;
  --card:          #151d2a;
  --muted:         #1c2634;
  --secondary:     #1c2634;
  --accent:        #1c2634;
  --border:        #26313f;
  --border-subtle: #1c2634;
  --input:         #26313f;
  --ring:          #4dabf7;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]):not([data-theme="dark"]) {
    --brand:        #4dabf7;
    --brand-hover:  #74c0fc;
    --brand-active: #339af0;
    --brand-foreground: #06202f;

    --background:    #0e1520;
    --card:          #151d2a;
    --muted:         #1c2634;
    --secondary:     #1c2634;
    --accent:        #1c2634;
    --border:        #26313f;
    --border-subtle: #1c2634;
    --input:         #26313f;
    --ring:          #4dabf7;
  }
}

/* 로고 마크와 버튼을 각지게, 제목은 조금 더 조인다 */
.brand .mark { border-radius: 2px; }
.brand .wordmark { letter-spacing: -.6px; }