Add core theme variables and service adapters

2026-02-01 00:27:55 -05:00
parent 762a4ed193
commit 8f863d4119
5 changed files with 349 additions and 0 deletions
--- a/css/core.css
+++ b/css/core.css
@@ -0,0 +1,54 @@
+/**
+ * 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);
+}