/* ============================================================
   AURAWATT CLOUD — Design Tokens
   Extracted from Figma design system
   ============================================================ */
:root {
  /* Brand */
  --aw-primary: #2563EB;
  --aw-primary-hover: #1D4ED8;
  --aw-primary-active: #1A45C2;
  --aw-primary-soft: #E9F0FD;
  --aw-primary-50: #F0F5FE;
  --aw-primary-ring: rgba(37, 99, 235, .16);

  /* Surfaces */
  --aw-bg: #F4F6FA;
  --aw-card: #FFFFFF;
  --aw-tile: #F7F9FC;
  --aw-thead: #F0F4FB;

  /* Text */
  --aw-ink: #1E2A3B;
  --aw-text: #3D4A5C;
  --aw-muted: #8A94A6;
  --aw-faint: #AEB7C4;

  /* Lines */
  --aw-line: #E7ECF3;
  --aw-line-strong: #DDE4EE;

  /* Status */
  --aw-green: #16A34A;
  --aw-green-bg: #E7F6EE;
  --aw-red: #DC2626;
  --aw-red-bg: #FDEBEC;
  --aw-orange: #D97706;
  --aw-orange-bg: #FDF1DF;
  --aw-gray: #6B7280;
  --aw-gray-bg: #F1F3F6;
  --aw-teal: #0E9BA8;

  /* Energy flow palette */
  --aw-pv: #F5A623;      /* solar */
  --aw-bat: #22B573;     /* battery */
  --aw-grid: #2E6BE6;    /* grid */
  --aw-load: #14B8C4;    /* load */

  /* Layout */
  --aw-sidebar-w: 242px;
  --aw-sidebar-w-min: 78px;
  --aw-topbar-h: 64px;
  --aw-radius: 12px;
  --aw-radius-sm: 10px;
  --aw-radius-xs: 8px;

  --aw-shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 4px 18px rgba(16, 24, 40, .05);
  --aw-shadow-lg: 0 4px 10px rgba(16, 24, 40, .06), 0 16px 40px rgba(16, 24, 40, .10);

  --aw-font: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
  --aw-mono: 'JetBrains Mono', 'SFMono-Regular', Consolas, monospace;
}