/**
 * 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);
}