:root {

    --fuchsia: oklch(61.3% .2412 13.09);
    --fuchsia-dark: oklch(58.3% .2412 13.09);

    /**/

    --error: var(--red);
    --accent: var(--fuchsia);
    --selected: var(--fuchsia);
    --selected-foreground: var(--white);
    --btn-border: var(--white);
    --btn-filled-background: var(--white);

    --black: oklch(0% 0 0);
    --white: oklch(100% 0 0);

    --surface-secondary: #121212;

    --text-light: #919191;

    --body-bg: #000;
    --body-color: #fff;
    --body-selection-bg: var(--fuchsia);
    --body-selection-color: #ffffff;

    --header-bg: #2c2d33;
    --footer-bg: #2c2d33;

    /* borders */
    --border-light: #eee;
    --border-medium: #ddd;
    --border-dark: #ccc;

    /* text color */
    --text-primary: #fff;
    --text-secondary: rgba(255, 255, 255, 0.75);
    --text-white: #fff;

    --text-muted-900: rgba(255, 255, 255, 0.29);
    --text-muted-700: rgba(255, 255, 255, 0.42);
    --text-muted-500: rgba(255, 255, 255, 0.54);
    --text-muted-300: rgba(255, 255, 255, 0.66);

    /* b&w */

    --red: #ff776a;
    --primary: var(--fuchsia);

    /* surfaces - вычисляются автоматически */
    --surface-1: var(--bg);
    --surface-2: color-mix(in srgb, var(--bg) 96%, var(--black));
    --surface-3: color-mix(in srgb, var(--bg) 92%, var(--black));

    /* ссылки */
    --href-color: color-mix(n srgb, var(--fuchsia) 75%, #1a1a3a);
    --href-color-hover: color-mix(in srgb, var(--fuchsia) 60%, #1a1a3a);

    --light-primary: color-mix(in srgb, var(--primary) 10%, white);

    --primary-100: color-mix(in srgb, var(--primary) 15%, white);
    --primary-200: color-mix(in srgb, var(--primary) 30%, white);
    --primary-300: color-mix(in srgb, var(--primary) 50%, white);
    --primary-400: var(--primary);
    --primary-500: color-mix(in srgb, var(--primary) 85%, #1a1a1a);
    --primary-600: color-mix(in srgb, var(--primary) 95%, #1a1a1a);

    /* background accents - вычисляются автоматически */
    --bg-accent-1: color-mix(in srgb, var(--bg) 92%, var(--primary));
    --bg-accent-2: color-mix(in srgb, var(--bg) 85%, var(--primary));

}