/* Explain: Theme tokens and typography, including primary and secondary colors, gradients, fonts, and shadows. */
:root {
    --primary-color: #A8A8B4;
    --primary-hover: #8A8A96;
    --secondary-color: #DCDCE2;
    --accent-color: #BEBEC8;
    --background-color: #F7F7F9;
    --surface-color: #FFFFFF;
    --surface-warm: #EBEBF0;
    --text-color: #4E4E59;
    --text-muted: #63636F;
    --border-color: #CFCFD8;
    --pearl-color: #FDFDFF;
    --champagne-color: #DADAE2;
    --rose-nude-color: #8C8C98;
    --soft-gray-color: #D2D2DA;
    --espresso-color: #3F3F49;
    --silver-gradient: linear-gradient(135deg, #F3F3F7 0%, #C2C2CC 22%, #7E7E8A 45%, #E9E9EF 62%, #9A9AA6 80%, #F4F4F8 100%);
    --silver-text-gradient: linear-gradient(180deg, #4E4E59 0%, #4E4E59 100%);
    --font-heading: 'Playfair Display', 'Bodoni Moda', Georgia, serif;
    --font-body: 'Avenir Next', 'Montserrat', sans-serif;
    --radius-oval: 999px;
    --radius-soft: 2rem;
    --shadow-soft: 0 24px 80px rgba(120, 120, 136, 0.20);
    --shadow-card: 0 18px 45px rgba(120, 120, 136, 0.14);
}