|
|
| Line 24: |
Line 24: |
| font-style: normal; | | font-style: normal; |
| } | | } |
|
| |
| :root, .skin-continuum, .notheme {
| |
| /* Color Variables */
| |
| --color-text-primary: var(--color-base, #FFFFFF);
| |
| --color-text-secondary: var(--color-base--hover, #FFB84D);
| |
| --color-text-emphasized: var(--color-emphasized, #FFFFFF);
| |
| --color-text-muted: var(--color-subtle, #FF851B);
| |
| --color-placeholder: var(--color-placeholder, #FFB84D);
| |
| --color-link: var(--color-progressive, #FF851B);
| |
| --color-link-hover: var(--color-progressive--hover, #FFB84D);
| |
| --color-link-active: var(--color-progressive--active, #FF6300);
| |
| --color-link-focus: var(--color-progressive--focus, #FF851B);
| |
| --color-error: var(--color-error, #FF4500);
| |
| --color-success: var(--color-success, #177860);
| |
| --color-warning: var(--color-warning, #FFB84D);
| |
|
| |
| /* Background Variables */
| |
| --background-primary: var(--background-color-base, #001F3F);
| |
| --background-secondary: var(--background-color-neutral, #002855);
| |
| --background-tertiary: var(--background-color-neutral-subtle, #001933);
| |
| --background-interactive: var(--background-color-interactive, #002B5C);
| |
| --background-inverted: var(--background-color-inverted, #101418);
| |
|
| |
| /* Borders */
| |
| --border-primary: var(--border-color-base, #FF851B);
| |
| --border-hover: var(--border-color-progressive--hover, #FFB84D);
| |
| --border-active: var(--border-color-progressive--active, #FF6300);
| |
| --border-error: var(--border-color-error, #FF4500);
| |
|
| |
| /* Shadows */
| |
| --box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
| |
|
| |
| /* Opacity */
| |
| --opacity-disabled: 0.5;
| |
| }
| |
|
| |
| /* ===== Global Styles ===== */ | | /* ===== Global Styles ===== */ |
| body { | | body { |
