/*
 * Rosé Pine Dawn Theme
 *
 * All natural pine, faux fur and a bit of soho vibes.
 * Creamy light mode - soft, warm, colorful.
 * https://rosepinetheme.com/
 */

:root[data-theme="rosepine"] {
    /* === TYPOGRAPHY === */
    --font-mono: 'Roboto Mono', 'Courier New', Courier, monospace;
    --font-size-base: 14px;
    --font-size-content: 13px;

    /* === SPACING === */
    --space-xs: 0.25rem;
    --space-sm: 0.5rem;
    --space-md: 1rem;
    --space-lg: 1.5rem;
    --space-xl: 2rem;

    /* === BORDER RADIUS === */
    --radius-sm: 2px;
    --radius-md: 4px;
    --radius-lg: 8px;

    /* === BACKGROUNDS === */
    --color-bg-primary: #faf4ed;
    --color-bg-secondary: #fffaf3;
    --color-bg-tertiary: #f2e9e1;

    /* === TEXT === */
    --color-text-primary: #575279;
    --color-text-secondary: #575279;
    --color-text-dim: #797593;
    --color-text-muted: #9893a5;
    --color-text-bright: #26233a;

    /* === ACCENT (Rosé Pine rose - darker for contrast) === */
    --color-accent: #e0a8a5;
    --color-accent-light: #c08888;
    --color-accent-hover: #d09895;

    /* === SEMANTIC === */
    --color-positive: #56949f;
    --color-negative: #b4637a;
    --color-warning: #ea9d34;
    --color-info: #907aa9;

    /* === BORDERS === */
    --color-border: #e0a8a5;
    --color-border-subtle: #f2e9e1;
    --color-border-dim: #f4ede8;

    /* === SYNTAX HIGHLIGHTING === */
    --color-syntax-keyword: #907aa9;
    --color-syntax-string: #ea9d34;
    --color-syntax-number: #d7827e;
    --color-syntax-comment: #9893a5;
    --color-syntax-link: #56949f;
    --color-syntax-heading: #b4637a;
    --color-syntax-highlight-bg: #f2e9e1;
    --color-syntax-highlight-text: #ea9d34;
}