/* Global Brand Variables for Thikaa UI
   Unified Professional Color Palette
   Override these in deployment to change brand across pages. */

:root {
  /* Primary brand colors - Aqua Green / Teal */
  --brand-primary: #0d9488;           /* Aqua Green / Teal */
  --brand-primary-hover: #0f766e;     /* Darker Teal Hover */
  --brand-primary-light: #ccfbf1;     /* Light Teal Background */
  --brand-secondary: #14b8a6;         /* Lighter Teal */

  /* Neutral colors */
  --brand-text-primary: #111827;      /* Dark text */
  --brand-text-secondary: #6b7280;    /* Gray text */
  --brand-bg-primary: #ffffff;        /* White background */
  --brand-bg-secondary: #f9fafb;      /* Light gray background */
  --brand-border: #e5e7eb;            /* Border color */

  /* Status colors */
  --brand-success: #059669;           /* Green */
  --brand-success-light: #d1fae5;     /* Light Green */
  --brand-warning: #d97706;           /* Amber */
  --brand-warning-light: #fef3c7;     /* Light Amber */
  --brand-danger: #dc2626;            /* Red */
  --brand-danger-light: #fee2e2;      /* Light Red */
  --brand-info: #0891b2;              /* Cyan */
  --brand-info-light: #cffafe;        /* Light Cyan */

  /* Accent colors for cards/icons - Professional palette */
  --brand-accent-1: #0d9488;          /* Teal (primary) */
  --brand-accent-2: #0891b2;          /* Cyan */
  --brand-accent-3: #1e40af;          /* Blue */
  --brand-accent-4: #7c3aed;          /* Purple */
  --brand-accent-5: #c2410c;          /* Orange */
  --brand-accent-6: #059669;          /* Green */

  /* RGB tuples for shadow/rgba uses */
  --brand-primary-rgb: 13,148,136;
  --brand-success-rgb: 5,150,105;
  --brand-danger-rgb: 220,38,38;

  /* Navigation */
  --brand-nav-bg: #0f766e;            /* Dark Teal Nav */
  --brand-nav-text: #ffffff;          /* White Nav Text */

  /* Border radius */
  --brand-radius-sm: 6px;
  --brand-radius: 8px;
  --brand-radius-lg: 12px;
  --brand-radius-xl: 16px;
}