
html[data-theme="mrok"] {

    --accent: #7d2b24;
    --accent-rgb: 125, 43, 36;

    --accent-text: #ab7571;
    --accent-2-text: #cd6155;


    --accent-2: #c0392b;
    --accent-2-rgb: 192, 57, 43;


    --page-bg: #07070a;
    --surface-rgb: 26, 24, 28;
    --surface-hi-rgb: 38, 35, 41;
    --panel-rgb: 18, 17, 21;
    --panel-deep-rgb: 12, 11, 14;
    --shadow-rgb: 0, 0, 0;


    --text: #cfc9ba;
    --text-bright: #f0ece2;
    --text-strong: #e2ddd0;
    --text-muted: #9a9384;

    --text-dim: #857f77;
    --text-warm: #d8a98c;
    --border-subtle: #2a2730;


    --gold: #a8863c;
    --gold-rgb: 168, 134, 60;
    --gold-alt: #8e7132;
    --danger: #ff6b52;
    --danger-rgb: 255, 107, 82;
    --info: #5d7a8c;
    --info-rgb: 93, 122, 140;
    --success: #6b8a45;


    --font-display: 'IM Fell English SC', Georgia, 'Times New Roman', serif;



    --panel-bg-alpha: 0.9;
    --panel-border: 1px solid rgba(var(--accent-rgb), 0.28);
    --panel-accent-bar: 1px solid rgba(var(--accent-rgb), 0.45);
    --panel-border-hover: rgba(var(--accent-rgb), 0.55);
    --panel-radius: 4px;
    --panel-shadow: 0 14px 44px rgba(var(--shadow-rgb), 0.95);
    --panel-shadow-hover: 0 18px 52px rgba(var(--shadow-rgb), 1);
    --panel-blur: blur(4px);
    --field-border: 1px solid rgba(var(--accent-rgb), 0.35);
    --field-radius: 3px;
    --h1-border: 1px solid rgba(var(--accent-rgb), 0.5);
    --h1-radius: 4px;
    --heading-glow: 0 0 14px rgba(var(--accent-2-rgb), 0.35);
    --heading-glow-small: 0 0 10px rgba(var(--accent-2-rgb), 0.25);

    --title-gradient: linear-gradient(180deg, #f0ece2 15%, #a8564c 85%);


    --panel-texture:
        radial-gradient(ellipse at 50% 0%, rgba(192, 57, 43, 0.07), transparent 60%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.022), transparent 45%);
}


html[data-theme="mrok"] body {
    background-image:
        radial-gradient(circle at 12% 18%, rgba(125, 43, 36, 0.13) 0%, transparent 42%),
        radial-gradient(circle at 88% 82%, rgba(60, 55, 75, 0.16) 0%, transparent 45%),
        radial-gradient(circle at 78% 12%, rgba(192, 57, 43, 0.05) 0%, transparent 34%),
        radial-gradient(circle at 50% 55%, rgba(30, 28, 38, 0.5) 0%, transparent 70%);
}
