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

:root {
  /* 브랜드 — 주황 */
  --brand:            #e8590c;
  --brand-foreground: #ffffff;
  --brand-hover:      #f76707;
  --brand-active:     #d9480f;

  /* 모서리를 넉넉히 굴린다 */
  --radius-sm:   0.375rem;
  --radius-md:   0.5rem;
  --radius-lg:   0.75rem;
  --radius-xl:   1rem;
  --radius:      0.875rem;

  /* 종이 느낌의 바탕 */
  --background:    #fffaf5;
  --card:          #ffffff;
  --muted:         #fdf0e4;
  --secondary:     #fdf0e4;
  --accent:        #fdf0e4;
  --border:        #f0dfcd;
  --border-subtle: #f7ebdf;
  --input:         #f0dfcd;
  --ring:          #e8590c;

  --header-height: 72px;
}

/* 다크 — 같은 주황을 조금 밝게 쓰고 바탕은 따뜻한 갈색 계열로 */
:root[data-theme="dark"] {
  --brand:        #ff922b;
  --brand-hover:  #ffa94d;
  --brand-active: #f76707;
  --brand-foreground: #1f1408;

  --background:    #1a1512;
  --card:          #241d18;
  --muted:         #2e251e;
  --secondary:     #2e251e;
  --accent:        #2e251e;
  --border:        #3a2f26;
  --border-subtle: #2e251e;
  --input:         #3a2f26;
  --ring:          #ff922b;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]):not([data-theme="dark"]) {
    --brand:        #ff922b;
    --brand-hover:  #ffa94d;
    --brand-active: #f76707;
    --brand-foreground: #1f1408;

    --background:    #1a1512;
    --card:          #241d18;
    --muted:         #2e251e;
    --secondary:     #2e251e;
    --accent:        #2e251e;
    --border:        #3a2f26;
    --border-subtle: #2e251e;
    --input:         #3a2f26;
    --ring:          #ff922b;
  }
}

/* 로고 마크도 둥글게 */
.brand .mark { border-radius: 50%; }