public enum ColorToken: String, Sendable, CaseIterable {
    // Brand
    case brand, brandVariant

    // Backgrounds
    case background, backgroundSecondary, backgroundTertiary

    // Surfaces
    case surface, surfaceSecondary, surfaceElevated

    // Content (text & icons)
    case onBackground, onBackgroundSecondary, onBackgroundTertiary
    case onSurface, onSurfaceSecondary, onBrand

    // Borders & Separators
    case border, borderSubtle, separator

    // Interactive States
    case interactive, interactiveHover, interactivePressed, interactiveDisabled

    // Feedback
    case success, warning, error, info

    // Utility
    case shadow, overlay
}

@Environment(\.prismTheme) private var theme

Text("Status: Active")
    .foregroundStyle(theme.color(.success))
    .padding()
    .background(theme.color(.surface))
    .overlay(
        RoundedRectangle(cornerRadius: RadiusToken.sm.rawValue)
            .stroke(theme.color(.border), lineWidth: 1)
    )

VStack(spacing: SpacingToken.md.rawValue) {
    Text("Title")
    Text("Subtitle")
}
.padding(SpacingToken.lg.rawValue)

Text("Welcome Back")
    .prismTypography(.largeTitle)

Text("Your dashboard is ready")
    .prismTypography(.subheadline)

RoundedRectangle(cornerRadius: RadiusToken.lg.rawValue)
    .fill(theme.color(.surface))

PrismCard {
    Text("Elevated Card")
}
.prismElevation(.medium)

withAnimation(MotionToken.normal.animation) {
    isExpanded.toggle()
}