@charset "utf-8"; /* * MyWP Colors v2.0.0 * Generated: 2026-03-07 10:56:50 * Uses modern CSS color-mix() functions */ :root { /* white */ --hue-white: #ffffff; --hue-white-rgb: 255,255,255; --hue-white-text: #4b4f54; --hue-white-header: #003c6b; --hue-white-bright: color-mix(in srgb, var(--hue-white-text) 85%, var(--hue-light)); --hue-white-dimmed: color-mix(in srgb, var(--hue-white-text) 65%, var(--hue-light)); --hue-white-light: var(--hue-light); --hue-white-medium: color-mix(in srgb, var(--hue-light) 50%, black); --hue-white-trim: color-mix(in srgb, var(--hue-light) 90%, white); --hue-white-divider: color-mix(in srgb, var(--hue-light) 80%, black); --hue-white-pattern: color-mix(in srgb, var(--hue-light) 70%, white); --hue-white-deep: color-mix(in srgb, var(--hue-light) 10%, black); --hue-white-border: color-mix(in srgb, var(--hue-light) 60%, black); /* light */ --hue-light: #f4f5f7; --hue-light-rgb: 244,245,247; --hue-light-text: #4b4f54; --hue-light-header: #003c6b; --hue-light-bright: color-mix(in srgb, var(--hue-light-text) 85%, var(--hue-light)); --hue-light-dimmed: color-mix(in srgb, var(--hue-light-text) 65%, var(--hue-light)); --hue-light-light: #ffffff; --hue-light-medium: color-mix(in srgb, var(--hue-light) 50%, black); --hue-light-trim: color-mix(in srgb, var(--hue-light) 90%, black); --hue-light-divider: color-mix(in srgb, var(--hue-light) 80%, black); --hue-light-pattern: color-mix(in srgb, var(--hue-light) 50%, white); --hue-light-deep: color-mix(in srgb, var(--hue-light) 10%, black); --hue-light-border: color-mix(in srgb, var(--hue-light) 55%, black); /* highlight */ --hue-highlight: #309e48; --hue-highlight-rgb: 48,158,72; --hue-highlight-text: #ffffff; --hue-highlight-header: #ffffff; --hue-highlight-bright: color-mix(in srgb, var(--hue-highlight-text) 85%, var(--hue-highlight)); --hue-highlight-dimmed: color-mix(in srgb, var(--hue-highlight-text) 65%, var(--hue-highlight)); --hue-highlight-light: color-mix(in srgb, var(--hue-highlight) 10%, white); --hue-highlight-medium: color-mix(in srgb, var(--hue-highlight) 50%, white); --hue-highlight-trim: color-mix(in srgb, var(--hue-highlight) 90%, white); --hue-highlight-divider: color-mix(in srgb, var(--hue-highlight) 60%, white); --hue-highlight-pattern: color-mix(in srgb, var(--hue-highlight) 95%, white); --hue-highlight-deep: color-mix(in srgb, var(--hue-highlight) 50%, black); --hue-highlight-border: color-mix(in srgb, var(--hue-highlight) 50%, white); /* color */ --hue-color: #0077d5; --hue-color-rgb: 0,119,213; --hue-color-text: #ffffff; --hue-color-header: #ffffff; --hue-color-bright: color-mix(in srgb, var(--hue-color-text) 85%, var(--hue-color)); --hue-color-dimmed: color-mix(in srgb, var(--hue-color-text) 65%, var(--hue-color)); --hue-color-light: color-mix(in srgb, var(--hue-color) 10%, white); --hue-color-medium: color-mix(in srgb, var(--hue-color) 50%, white); --hue-color-trim: color-mix(in srgb, var(--hue-color) 90%, white); --hue-color-divider: color-mix(in srgb, var(--hue-color) 60%, white); --hue-color-pattern: color-mix(in srgb, var(--hue-color) 95%, white); --hue-color-deep: color-mix(in srgb, var(--hue-color) 50%, black); --hue-color-border: color-mix(in srgb, var(--hue-color) 50%, white); /* dark */ --hue-dark: #2f3238; --hue-dark-rgb: 47,50,56; --hue-dark-text: #ffffff; --hue-dark-header: #ffffff; --hue-dark-bright: color-mix(in srgb, var(--hue-dark-text) 85%, var(--hue-dark)); --hue-dark-dimmed: color-mix(in srgb, var(--hue-dark-text) 65%, var(--hue-dark)); --hue-dark-light: color-mix(in srgb, var(--hue-dark) 10%, white); --hue-dark-medium: color-mix(in srgb, var(--hue-dark) 50%, white); --hue-dark-trim: color-mix(in srgb, var(--hue-dark) 90%, white); --hue-dark-divider: color-mix(in srgb, var(--hue-dark) 60%, white); --hue-dark-pattern: color-mix(in srgb, var(--hue-dark) 95%, white); --hue-dark-deep: color-mix(in srgb, var(--hue-dark) 50%, black); --hue-dark-border: color-mix(in srgb, var(--hue-dark) 50%, white); /* accent */ --hue-accent: #009ce2; --hue-accent-rgb: 0,156,226; --hue-accent-text: #2f3238; --hue-accent-header: #1a1c21; --hue-accent-bright: color-mix(in srgb, var(--hue-accent-text) 85%, var(--hue-accent)); --hue-accent-dimmed: color-mix(in srgb, var(--hue-accent-text) 65%, var(--hue-accent)); --hue-accent-light: color-mix(in srgb, var(--hue-accent) 10%, white); --hue-accent-medium: color-mix(in srgb, var(--hue-accent) 50%, white); --hue-accent-trim: color-mix(in srgb, var(--hue-accent) 90%, white); --hue-accent-divider: color-mix(in srgb, var(--hue-accent) 60%, white); --hue-accent-pattern: color-mix(in srgb, var(--hue-accent) 95%, white); --hue-accent-deep: color-mix(in srgb, var(--hue-accent) 95%, black); --hue-accent-border: color-mix(in srgb, var(--hue-accent) 50%, white); /* focus */ --hue-focus: #6abf4b; --hue-focus-rgb: 106,191,75; --hue-focus-text: #293425; --hue-focus-header: #141912; --hue-focus-bright: color-mix(in srgb, var(--hue-focus-text) 85%, var(--hue-focus)); --hue-focus-dimmed: color-mix(in srgb, var(--hue-focus-text) 65%, var(--hue-focus)); --hue-focus-light: color-mix(in srgb, var(--hue-focus) 10%, white); --hue-focus-medium: color-mix(in srgb, var(--hue-focus) 50%, white); --hue-focus-trim: color-mix(in srgb, var(--hue-focus) 90%, white); --hue-focus-divider: color-mix(in srgb, var(--hue-focus) 60%, white); --hue-focus-pattern: color-mix(in srgb, var(--hue-focus) 95%, white); --hue-focus-deep: color-mix(in srgb, var(--hue-focus) 50%, black); --hue-focus-border: color-mix(in srgb, var(--hue-focus) 50%, white); /* medium */ --hue-medium: #e8e9eb; --hue-medium-rgb: 232,233,235; --hue-medium-text: #4b4f54; --hue-medium-header: #003c6b; --hue-medium-bright: color-mix(in srgb, var(--hue-medium-text) 85%, var(--hue-light)); --hue-medium-dimmed: color-mix(in srgb, var(--hue-medium-text) 65%, var(--hue-light)); --hue-medium-light: color-mix(in srgb, #ffffff 95%, black); --hue-medium-medium: color-mix(in srgb, var(--hue-light) 50%, black); --hue-medium-trim: color-mix(in srgb, var(--hue-light) 90%, black); --hue-medium-divider: color-mix(in srgb, var(--hue-light) 80%, black); --hue-medium-pattern: color-mix(in srgb, var(--hue-light) 50%, white); --hue-medium-deep: color-mix(in srgb, var(--hue-light) 10%, black); --hue-medium-border: color-mix(in srgb, var(--hue-light) 55%, black); /* darker */ --hue-darker: #1f2124; --hue-darker-rgb: 31,33,36; --hue-darker-text: #ffffff; --hue-darker-header: #ffffff; --hue-darker-bright: color-mix(in srgb, var(--hue-darker-text) 85%, var(--hue-darker)); --hue-darker-dimmed: color-mix(in srgb, var(--hue-darker-text) 65%, var(--hue-darker)); --hue-darker-light: color-mix(in srgb, var(--hue-dark) 10%, white); --hue-darker-medium: color-mix(in srgb, var(--hue-dark) 50%, white); --hue-darker-trim: color-mix(in srgb, var(--hue-dark) 90%, white); --hue-darker-divider: color-mix(in srgb, var(--hue-dark) 60%, white); --hue-darker-pattern: color-mix(in srgb, var(--hue-dark) 95%, white); --hue-darker-deep: color-mix(in srgb, var(--hue-dark) 50%, black); --hue-darker-border: color-mix(in srgb, var(--hue-dark) 50%, white); }