/* =============================================================================
   TCW Shared Components (Plan 50-02, TD-003)
   =============================================================================
   Shared .tcw-cta / .tcw-cta--accent / .tcw-cta--ghost base rules, promoted
   out of Index.razor.css / Checkout.razor.css / Confirmation.razor.css after
   the base rule bodies were duplicated verbatim across all three (a 4th copy
   would have landed in Confirmation.razor.css before this extraction).
   Page-specific overrides (Checkout's :disabled/:focus-within demotions;
   Confirmation's --accent margin, --ghost font-size, --ghost:disabled) stay
   local to their scoped .razor.css files and still win the cascade via their
   Blazor scope-attribute specificity. Token-only; zero raw hex.
   ============================================================================= */

.tcw-cta {
    display: inline-block;
    text-align: center;
    text-decoration: none;
    padding: var(--tcw-space-3) var(--tcw-space-5);
    border-radius: var(--tcw-radius-subtle);
    font-family: var(--tcw-font-body);
    font-weight: 600;
    margin-top: auto;
}

.tcw-cta--accent {
    background: var(--tcw-accent-1);
    color: var(--tcw-text-on-accent);
    border: 1px solid var(--tcw-accent-1);
}

.tcw-cta--ghost {
    background: transparent;
    color: var(--tcw-text-primary);
    border: 1px solid var(--tcw-border-default);
}