/*
 * operato office 브랜드 색상 토큰
 *
 * ── 색상 설계 의도 ────────────────────────────────────────────────────────
 * operato office 는 중소기업의 계약·입출금·급여·지분·재무제표를 단일 원장으로 묶고,
 * AI 비서와 몬테카를로 자금 예측을 통해 경영 피보팅을 지휘하는 내부 경영 운영 시스템입니다.
 *
 * 건전한 현금흐름과 지속 가능한 성장, 공헌 이익의 확대를 상징하는 에메랄드/민트(Emerald 158°)를
 * 메인 브랜드 컬러로 삼고, 원장의 정밀성과 엄격한 대사를 뒷받침하는 딥 슬레이트 네이비 및
 * 시안(Cyan)을 보조색으로 조화시킵니다.
 *
 * ── 사용 규칙 ─────────────────────────────────────────────────────────────
 * 과도한 원색 배경을 지양하고, 다크 모드 캔버스(#0a1017) 위에서 데이터 수치,
 * 런웨이 지표, 확신도 배지, AI 질의 버튼 등에 정밀하게 절제하여 사용합니다.
 */

:root {
  /* 라이트 테마 */
  --brand-office: #059669;
  --brand-office-deep: #047857;
  --brand-office-light: #34d399;
  --brand-office-wash: rgba(5, 150, 105, 0.08);
  --brand-office-border: rgba(5, 150, 105, 0.24);

  --brand-navy: #0f172a;
  --brand-cyan: #0284c7;
  --brand-cyan-wash: rgba(2, 132, 199, 0.08);

  --status-positive: #059669;
  --status-warning: #d97706;
  --status-danger: #dc2626;

  /* 형제 제품군 브랜드 색상 참조 */
  --brand-twin: #0f8ba1;
  --brand-plant: #0c7a4c;
  --brand-figure: #00727e;
}

@media (prefers-color-scheme: dark) {
  :root {
    /* 다크 테마: 어두운 캔버스 위에서 빛나는 피보팅 에메랄드 */
    --brand-office: #34d399;
    --brand-office-deep: #059669;
    --brand-office-light: #6ee7b7;
    --brand-office-wash: rgba(52, 211, 153, 0.12);
    --brand-office-border: rgba(52, 211, 153, 0.28);

    --brand-navy: #f8fafc;
    --brand-cyan: #38bdf8;
    --brand-cyan-wash: rgba(56, 189, 248, 0.12);

    --status-positive: #34d399;
    --status-warning: #fbbf24;
    --status-danger: #f87171;
  }
}

:root[data-theme="light"] {
  --brand-office: #059669;
  --brand-office-deep: #047857;
  --brand-office-light: #34d399;
  --brand-office-wash: rgba(5, 150, 105, 0.08);
  --brand-office-border: rgba(5, 150, 105, 0.24);

  --brand-navy: #0f172a;
  --brand-cyan: #0284c7;
  --brand-cyan-wash: rgba(2, 132, 199, 0.08);

  --status-positive: #059669;
  --status-warning: #d97706;
  --status-danger: #dc2626;
}

:root[data-theme="dark"] {
  --brand-office: #34d399;
  --brand-office-deep: #059669;
  --brand-office-light: #6ee7b7;
  --brand-office-wash: rgba(52, 211, 153, 0.12);
  --brand-office-border: rgba(52, 211, 153, 0.28);

  --brand-navy: #f8fafc;
  --brand-cyan: #38bdf8;
  --brand-cyan-wash: rgba(56, 189, 248, 0.12);

  --status-positive: #34d399;
  --status-warning: #fbbf24;
  --status-danger: #f87171;
}