:root { --primary: #08152A; --accent: #BFA050; --accent-l-1: #d4b46a; --base: #FAF8F5; --base-d-1: #f7f3ec; --base-d-2: #eee9df; --dark: #12100E; --light: #FFFFFF; --primary-l-1: #0c1d38; --primary-l-2: #102244; --primary-l-3: #152c56;}.bg-primary { background-color: var(--primary); }.bg-primary-l-1 { background-color: var(--primary-l-1); }.bg-primary-l-2 { background-color: var(--primary-l-2); }.bg-primary-l-3 { background-color: var(--primary-l-3); }.text-primary { color: var(--primary); }.text-primary-l-1 { color: var(--primary-l-1); }.text-primary-l-2 { color: var(--primary-l-2); }.text-primary-l-3 { color: var(--primary-l-3); }.border-primary { border-color: var(--primary); }.border-primary-l-1 { border-color: var(--primary-l-1); }.border-primary-l-2 { border-color: var(--primary-l-2); }.border-primary-l-3 { border-color: var(--primary-l-3); }.border-accent { border-color: var(--accent); }.border-accent-l-1 { border-color: var(--accent-l-1); }.text-accent { color: var(--accent); }.text-accent-l-1 { color: var(--accent-l-1); }.bg-accent { background-color: var(--accent); }.bg-accent-l-1 { background-color: var(--accent-l-1); }.bg-base { background-color: var(--base); }.bg-base-d-1 { background-color: var(--base-d-1); }.bg-base-d-2 { background-color: var(--base-d-2); }.text-base { color: var(--base); }.text-base-d-1 { color: var(--base-d-1); }.text-base-d-2 { color: var(--base-d-2); }.border-base { border-color: var(--base); }.border-base-d-1 { border-color: var(--base-d-1); }.border-base-d-2 { border-color: var(--base-d-2); }.bg-dark { background-color: var(--dark); }.text-dark { color: var(--dark); }.border-dark { border-color: var(--dark); }.bg-light { background-color: var(--light); }.text-light { color: var(--light); }.border-light { border-color: var(--light); }