/* Additional static styles — design system overrides */

/* Ensure okclh colors fallback gracefully in older browsers */
@supports not (color: oklch(0.5 0.2 240)) {
  :root {
    --bg:           #f8f9fc;
    --surface:      #ffffff;
    --border:       #e4e7ee;
    --border-strong:#c8cdd9;
    --text:         #0f1523;
    --text-2:       #5a6278;
    --text-3:       #8e95a7;
    --accent:       #4f46e5;
    --accent-light: #eef2ff;
    --accent-hover: #3730a3;
    --green:        #16a34a;
    --green-light:  #f0fdf4;
    --red:          #dc2626;
    --red-light:    #fef2f2;
    --yellow:       #ca8a04;
    --yellow-light: #fefce8;
  }
}