55 lines
1.1 KiB
CSS
55 lines
1.1 KiB
CSS
/**
|
|
* RSP Works - Core Theme Variables
|
|
* Extracted from css/style.css
|
|
* Single source of truth for all service theming
|
|
*
|
|
* Usage: @import url('../css/core.css');
|
|
*/
|
|
|
|
:root {
|
|
/* Background */
|
|
--background: #f6f6e3;
|
|
|
|
/* Text */
|
|
--text-primary: black;
|
|
--text-secondary: #565;
|
|
--text-tertiary: #444;
|
|
--text-accent: #232;
|
|
|
|
/* Links */
|
|
--link-color: #565;
|
|
--link-hover: black;
|
|
|
|
/* Selection */
|
|
--selection-bg: #898;
|
|
--selection-text: white;
|
|
|
|
/* Typography */
|
|
--font-family: serif;
|
|
--font-size-base: 12pt;
|
|
--line-height: 1.5em;
|
|
|
|
/* Layout */
|
|
--max-width: 70em;
|
|
--padding-desktop: 2em 4em;
|
|
--padding-tablet: 1em 2em;
|
|
--padding-mobile: 1em 1em;
|
|
|
|
/* Breakpoints (for reference) */
|
|
--break-tablet: 720px;
|
|
--break-mobile: 53em;
|
|
|
|
/* Spacing */
|
|
--spacing-xs: 0.3em;
|
|
--spacing-sm: 0.5em;
|
|
--spacing-md: 1em;
|
|
--spacing-lg: 2em;
|
|
--spacing-xl: 4em;
|
|
}
|
|
|
|
/* Selection highlight */
|
|
::selection {
|
|
background: var(--selection-bg);
|
|
color: var(--selection-text);
|
|
}
|