:root {
  --color-deep-charcoal: #32282E;
  --color-medical-blue: #6FCACC;
  --color-soft-white: #F4F4F4;
  --color-pale-pink: #F9D7E7;
  --color-mid-teal: #006666;
  --color-navy: #122331;
  --color-hot-coral: #F15544;
  --color-warm-beige: #EAE0D5;

  --bg-surface-low:#f2f7f7;
  --bg-surface:#e5f0f0;
  --bg-surface-high:#cce0e0;
  --bg-primary:rgba(0, 102, 102, 0.12);
  --bg-secondary:rgba(0, 102, 102, 0.06);
  --bg-subtle:rgba(0, 102, 102, 0.04);
  
  --color-input-shadow--hover: var(--color-grey-20);
  --color-input-shadow--focus: oklch(from var(--color-mid-teal) l c h / 0.6);
  --color-input-border--hover: ;
  --color-input-border--focus: var(--color-mid-teal);



  --color-text: var(--color-grey-80);
  --color-text-dark: var(--color-grey-90);
  --color-text-muted: var(--color-grey-40);
  --color-text-light: var(--color-grey-20);
  --color-text-white: white;

  --color-header: var(--color-deep-charcoal);
  --color-header-dark: var(--color-grey-95);
  --color-header-light: var(--color-grey-20);
  --color-header-white: white;

  --bricks-color-primary: var(--color-medical-blue);
  --bricks-color-secondary: var(--color-pale-pink);
  --bricks-text-dark: var(--color-deep-charcoal);
  --bricks-text-medium: var(--color-grey-60);
  --bricks-text-light: var(--color-grey-40);
  --bricks-text-info: var(--color-medical-blue);
  --bricks-text-success: var(--color-mid-teal);
  --bricks-text-warning: var(--color-hot-coral);
  --bricks-text-danger: var(--color-hot-coral);
  --bricks-bg-info: rgba(111, 202, 204, 0.1);
  --bricks-bg-success: rgba(0, 102, 102, 0.1);
  --bricks-bg-warning: var(--color-warm-beige);
  --bricks-bg-danger: var(--color-pale-pink);
  --bricks-bg-dark: var(--color-navy);
  --bricks-bg-light: var(--color-soft-white);
  --bricks-border-color: var(--color-grey-20);
  --bricks-border-radius: var(--border-radius-l);
  --bricks-tooltip-bg: var(--color-navy);
  --bricks-tooltip-text: var(--color-soft-white);
}