@tailwind components;

@layer components {
  [data-theme="blue"] {
    header {
      background: #00afe5;
      border: none;
    }
    header h1 span {
      color: #fff;
    }
    [data-trigger="dropdown"] {
      background: transparent !important;
      color: #fff;
    }
  }

  [data-theme="green"] {
    header {
      background: #008e8d;
      border: none;
    }
    header h1 span {
      color: #fff;
    }
    [data-trigger="dropdown"] {
      background: transparent !important;
      color: #fff;
    }
  }
}