@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

/* Brand colour scale as plain CSS vars (hex) for the Tailwind overrides below */
:root {
  --cw-cyan: #5fc7c0;
  --cw-success: #1aab75; --cw-success-light: #46bb8f; --cw-success-dark: #127852;
  --cw-danger: #db3e4b;  --cw-danger-light:  #e2636d; --cw-danger-dark:  #992b35;
  --cw-warning: #f0a30a; --cw-warning-light: #f3b439;
}

/* Light mode — charcoal text on a #f3f3f3 ground, cyan focus rings */
:root {
  --background: 0 0% 95%;          /* #f3f3f3 ground            */
  --foreground: 217 21% 20%;       /* #28303d charcoal text     */
  --card: 0 0% 100%;               /* white cards               */
  --card-foreground: 217 21% 20%;
  --popover: 0 0% 100%;
  --popover-foreground: 217 21% 20%;
  --primary: 217 21% 20%;          /* #28303d charcoal buttons   */
  --primary-foreground: 0 0% 100%;
  --secondary: 0 0% 90%;           /* #e6e6e6 subtle surfaces    */
  --secondary-foreground: 217 21% 20%;
  --muted: 0 0% 90%;
  --muted-foreground: 0 0% 40%;    /* #666666                    */
  --accent: 175 63% 89%;           /* #d2f5f2 cyan tint hover    */
  --accent-foreground: 217 21% 20%;
  --destructive: 355 69% 55%;      /* #db3e4b danger             */
  --destructive-foreground: 0 0% 100%;
  --border: 0 0% 90%;              /* #e6e6e6                    */
  --input: 0 0% 90%;
  --ring: 176 48% 58%;             /* #5fc7c0 cyan focus ring    */
}

/* Dark mode — cashwerk dark ground/card with cyan as the accent */
:root.dark {
  --background: 213 31% 6%;        /* #0a0e13 dark ground        */
  --foreground: 214 32% 91%;       /* #e2e8f0 light text         */
  --card: 214 28% 11%;             /* #151c25 elevated card      */
  --card-foreground: 214 32% 91%;
  --popover: 214 28% 11%;
  --popover-foreground: 214 32% 91%;
  --primary: 175 59% 63%;          /* #68d8ce cyan accent        */
  --primary-foreground: 214 28% 11%;
  --secondary: 222 29% 15%;        /* #1c2333                    */
  --secondary-foreground: 214 32% 91%;
  --muted: 222 29% 15%;
  --muted-foreground: 214 20% 69%; /* #a0aec0                    */
  --accent: 222 29% 15%;
  --accent-foreground: 214 32% 91%;
  --destructive: 0 84% 60%;        /* #ef4444 brighter danger    */
  --destructive-foreground: 0 0% 100%;
  --border: 218 30% 15%;           /* #1a2230 barely-visible     */
  --input: 218 30% 15%;
  --ring: 175 59% 63%;             /* cyan focus ring            */
}

html, body { font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif; }

/* Status result squares + badge dots use raw Tailwind utilities, not the vars.
   Re-point green→cashwerk success, red→danger, yellow→warning. */
.bg-green-400 { background-color: var(--cw-success-light) !important; }
.bg-green-500 { background-color: var(--cw-success) !important; }
.bg-green-700,
.hover\:bg-green-700:hover { background-color: var(--cw-success-dark) !important; }

.bg-red-400 { background-color: var(--cw-danger-light) !important; }
.bg-red-500 { background-color: var(--cw-danger) !important; }
.bg-red-700,
.hover\:bg-red-700:hover { background-color: var(--cw-danger-dark) !important; }

.bg-yellow-400 { background-color: var(--cw-warning-light) !important; }

/* Legacy success helper Gatus ships hard-coded to #28a745 */
.bg-success { background-color: var(--cw-success) !important; }