/**
 * White-Label CSS Design Tokens & Theme Engine
 */

:root {
  /* Brand Configuration Variables (Configurable, defaults set via server) */
  --brand-name: "ASFIT AI Agent System";
  --brand-primary: #4F46E5;          /* Primary Indigo Accent */
  --brand-primary-hover: #4338CA;
  --brand-accent: #06B6D4;           /* Secondary Cyan Accent */
  --brand-accent-hover: #0891B2;

  /* Surface & Background Colors (Light Mode Default) */
  --bg-app: #F8FAFC;
  --bg-surface: #FFFFFF;
  --bg-sidebar: #0F172A;             /* Slate 900 */
  --bg-sidebar-hover: #1E293B;       /* Slate 800 */
  --bg-sidebar-active: #334155;      /* Slate 700 */

  /* Text Colors */
  --text-main: #0F172A;
  --text-muted: #64748B;
  --text-sidebar: #94A3B8;
  --text-sidebar-active: #FFFFFF;

  /* Card & Border Styling */
  --border-color: #E2E8F0;
  --radius-sm: 0.375rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.75rem;
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-card: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);

  /* Status Colors */
  --badge-draft-bg: #FEF3C7;       --badge-draft-text: #92400E;
  --badge-pending-bg: #E0F2FE;     --badge-pending-text: #075985;
  --badge-approved-bg: #DCFCE7;    --badge-approved-text: #166534;
  --badge-published-bg: #F3E8FF;   --badge-published-text: #6B21A8;
}

/* Dark Theme Tokens */
[data-theme="dark"] {
  --bg-app: #0B0F19;
  --bg-surface: #1E293B;
  --bg-sidebar: #090D16;
  --bg-sidebar-hover: #172133;
  --bg-sidebar-active: #24334C;

  --text-main: #F8FAFC;
  --text-muted: #94A3B8;
  --text-sidebar: #64748B;

  --border-color: #334155;
  --shadow-card: 0 4px 6px -1px rgba(0, 0, 0, 0.3);
}