/* =====================================================================
   AI BUSINESS OPERATING SYSTEM™ — Brand Tokens (v1)
   Nguồn chuẩn: ../../BRAND-GUIDELINE.md
   Copy file này vào bất kỳ project con nào để dùng đúng brand.
   ===================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@600;700;800&family=Inter:wght@400;500;600;700&display=swap');

:root{
  /* Color — ratio 60/30/10 */
  --brand-orange:#cc6600;        /* primary accent (10%) */
  --brand-orange-deep:#a35200;   /* hover / viền đậm */
  --brand-orange-dim:#5c2e00;    /* viền mờ */
  --brand-orange-soft:#e8966a;   /* chữ cam trên nền tối */
  --brand-dark:#0B0B0D;          /* canvas (60%) */
  --brand-panel:#161618;         /* surface (30%) */
  --brand-line:#242427;          /* border */
  --brand-text:#EDEDED;          /* text chính */
  --brand-muted:#8A8A8A;         /* text phụ */
  --brand-green:#22C55E;         /* accent phụ: AI Agent 24/7 / success */

  /* Typography */
  --font-head:'Inter',ui-sans-serif,system-ui,Segoe UI,Arial;
  --font-body:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial;
}

/* Helpers tuỳ dùng */
.brand-bg{background:var(--brand-dark);color:var(--brand-text);font-family:var(--font-body)}
.brand-heading{font-family:var(--font-head);letter-spacing:-.01em}
.brand-accent{color:var(--brand-orange)}
.brand-btn{background:var(--brand-orange);color:#fff;border:1px solid var(--brand-orange);
  border-radius:10px;padding:10px 16px;font-weight:600;font-family:var(--font-body);cursor:pointer}
.brand-btn:hover{background:var(--brand-orange-deep)}