swiftapp/swift/WatchApp/Design/IdPTokens.swift

import SwiftUI

public enum IdP {
    // Direct value — watch target has no Assets.xcassets so `Color("IdPTint")`
    // would fall back to a transparent color and hide tinted text.
    public static let tint = Color(red: 0.561, green: 0.486, blue: 0.961)
    public static let cardRadius: CGFloat = 8
    public static let controlRadius: CGFloat = 8
    public static let badgeRadius: CGFloat = 999
}

extension Color {
    // Shadcn on watch = pure black bg, subtle white dividers, white primary for inverted CTA.
    static var idpGroupedBackground: Color { .black }
    static var idpSecondaryGroupedBackground: Color { Color.white.opacity(0.06) }
    static var idpTertiaryFill: Color { Color.white.opacity(0.10) }
    static var idpSeparator: Color { Color.white.opacity(0.14) }
    static var idpBorder: Color { Color.white.opacity(0.12) }
    static var idpMutedForeground: Color { Color.white.opacity(0.55) }
    static var idpPrimary: Color { Color(red: 0.980, green: 0.980, blue: 0.980) }
    static var idpPrimaryForeground: Color { Color(red: 0.094, green: 0.094, blue: 0.106) }
    static var idpOK: Color { Color(red: 0.086, green: 0.639, blue: 0.290) }
    static var idpWarn: Color { Color(red: 0.918, green: 0.702, blue: 0.031) }
    static var idpDestructive: Color { Color(red: 0.498, green: 0.114, blue: 0.114) }
}