/* AIPet 디자인 토큰 — 색상.
 *
 * 앱(aipetapp/lib/core/theme/app_colors.dart)과 **같은 hex·같은 이름 체계**를 쓴다.
 * 앱이 토큰을 도입하며 버린 구 팔레트(네이비 #1E3A5F · 블루 #2E86AB)는 어드민에서도 폐기했다.
 * 토큰을 고칠 일이 생기면 app_colors.dart 와 이 파일을 **함께** 고쳐라(두 스택이 같은 팔레트를 공유한다).
 *
 * [철칙 3개 — app_colors.dart 와 동일]
 *  1. 이름에 ink 가 없는 색은 '채움(surface)' 전용이다. 텍스트/아이콘에 쓰지 말 것.
 *  2. 브랜드 계열 채움 위의 텍스트는 언제나 --on-brand(#26201C) 다. 흰 텍스트 금지.
 *     (흰 텍스트 on --brand = 2.32:1 → WCAG AA 4.5:1 미달)
 *  3. 흰/연한 배경 위 컬러 텍스트는 --*-ink / --*-ink-700 만 쓴다.
 *
 * 대비 수치는 전부 WCAG 2.x 상대휘도로 직접 계산했다(본문 4.5:1 · 대형텍스트/비텍스트 3:1).
 */
:root {
    /* ── 브랜드(코랄) ───────────────────────────────────────── */
    --brand: #FF8A5B;          /* 채움 전용. CTA·th·활성 액센트 */
    --brand-600: #F2703D;      /* 채움·hover/pressed 전용. 텍스트 금지(흰 배경 위 2.93:1) */
    --brand-100: #FFE0D0;
    --brand-50: #FFF1EA;
    --brand-ink: #C24E1F;      /* 흰 배경 위 텍스트·테두리·포커스 링. on white 4.77:1 */
    --brand-ink-700: #A8441B;  /* tint 채움 위 텍스트. on white 5.99:1 */

    /* ── 민트 ──────────────────────────────────────────────── */
    --mint: #2EC4B6;           /* 채움 전용 */
    --mint-600: #1FA396;
    --mint-50: #E4F8F6;
    --mint-ink: #148076;       /* on white 4.80:1 */
    --mint-ink-700: #117067;   /* on white 5.94:1 */

    /* ── 옐로/앰버 ─────────────────────────────────────────── */
    --yellow: #FFC24B;         /* 채움 전용 (흰 배경 위 1.61:1) */
    --yellow-50: #FFF6E3;
    --amber-ink: #946200;      /* on white 5.24:1 */
    --amber-ink-700: #895B00;  /* on white 5.90:1 */

    /* ── 코랄(주의 서피스) — error 아님 ─────────────────────── */
    --coral: #FF6B6B;
    --coral-50: #FFECEC;
    /* 알파 합성 채움이 필요하면 color-mix(in srgb, var(--coral) N%, var(--white)) 로 파생시켜라.
       채널값(rgb)을 손으로 복사한 --coral-rgb 를 두면 --coral 과 조용히 어긋난다(그 이중 정의를 제거했다). */

    /* ── 그린 ──────────────────────────────────────────────── */
    --green: #3DC97A;          /* 채움 전용 */
    --green-50: #E8F8EF;
    --green-ink: #15803D;      /* on white 5.02:1 */
    --green-ink-700: #137337;  /* on white 5.94:1 */

    /* ── 시맨틱 ────────────────────────────────────────────── */
    --danger: #C0392B;         /* 채움. white on it 5.44:1 */
    --danger-ink-700: #A83226; /* tint 채움 위 텍스트. on white 6.67:1 */

    /* ── 웜그레이 ──────────────────────────────────────────── */
    --gray-900: #26201C;       /* 제목/사이드바 채움. on white 16.08:1 */
    --gray-800: #3A332E;       /* 본문. 12.40:1 */
    --gray-700: #5A514A;       /* 보조 본문·라벨. 7.75:1 */
    --gray-650: #665E58;       /* 연한 tint 채움 위 보조 텍스트. gray-100 위 5.70:1 */
    --gray-600: #7A716A;       /* 흰 배경 위 보조 설명·입력 테두리. 4.78:1 */
    --gray-550: #6E655F;
    --gray-500: #9A918A;       /* 장식 전용(3.09:1) — 본문 텍스트 금지 */
    --gray-400: #BCB4AD;       /* 장식 전용(2.04:1) — 텍스트 절대 금지 */
    --gray-300: #DAD3CC;
    --gray-200: #ECE6E0;       /* divider·아웃라인 */
    --gray-100: #F6F2EE;       /* 연한 채움·hover 행·비활성 칩 */
    --gray-50: #FBF8F5;        /* 페이지 배경 */
    --white: #FFFFFF;

    /* 브랜드/액센트 '채움' 위에 올릴 수 있는 유일한 텍스트 색.
       brand 6.92:1 · brand-600 5.48:1 · mint 7.42:1 · yellow 10.01:1 · green 7.53:1 */
    --on-brand: var(--gray-900);

    /* ── 그림자 (app_tokens.dart AppShadows / design_mockup.html:24-25) ── */
    --shadow-card: 0 3px 14px rgba(120, 90, 60, .08);
    --shadow-float: 0 8px 26px rgba(120, 90, 60, .14);
}