import SwiftUI

enum WatchTheme {
  static let background = Color(red: 0.015, green: 0.04, blue: 0.10)
  static let card = Color(red: 0.035, green: 0.12, blue: 0.22)
  static let accent = Color(red: 0.37, green: 0.79, blue: 0.96)
  static let mint = Color(red: 0.38, green: 0.88, blue: 0.78)
  static let secondary = Color(red: 0.66, green: 0.73, blue: 0.84)
}

struct WatchCard<Content: View>: View {
  @ViewBuilder var content: Content

  var body: some View {
    content
      .padding(10)
      .frame(maxWidth: .infinity, alignment: .leading)
      .background(WatchTheme.card.opacity(0.82), in: RoundedRectangle(cornerRadius: 18))
      .overlay(RoundedRectangle(cornerRadius: 18).stroke(WatchTheme.accent.opacity(0.22)))
  }
}

extension View {
  func haptikaScreen() -> some View {
    scrollContentBackground(.hidden)
      .background(WatchTheme.background.ignoresSafeArea())
      .tint(WatchTheme.accent)
  }
}