/* *****************************************************
    ** OnlyHost Dark Theme **
    Dark background + amber brand colors
    to match www.onlyhost.net
***************************************************** */

html {
    font-size: 14px;
}

:root {
    --white: #fff;

    /* Neutral shades — inverted for dark UI */
    --neutral-50: #0d0d0d;
    --neutral-100: #141414;
    --neutral-200: #1f1f1f;
    --neutral-300: #2b2b2b;
    --neutral-400: #6b6b6b;
    --neutral-500: #9a9a9a;
    --neutral-600: #c4c4c4;
    --neutral-700: #dcdcdc;
    --neutral-800: #ececec;
    --neutral-900: #f5f5f5;
    --neutral-950: #ffffff;

    /* Amber brand palette */
    --primary-50: #fdf6ea;
    --primary-100: #fae8c8;
    --primary-200: #f6d391;
    --primary-300: #f3bf63;
    --primary-400: #f0a53c;
    --primary-500: #e89422;
    --primary-600: #d97f14;
    --primary-700: #b56410;
    --primary-800: #8f4e0f;
    --primary-900: #6e3c0e;
    --primary-950: #3f2106;

    /* Primary colors (buttons, links, highlights) */
    --primary: #f0a53c;
    --primary-lifted: #e89422;
    --primary-accented: #d97f14;

    /* Secondary colors */
    --secondary: #9a9a9a;
    --secondary-lifted: #c4c4c4;
    --secondary-accented: #dcdcdc;

    /* Success colors — brightened for dark bg */
    --success: #22c55e;
    --success-lifted: #16a34a;
    --success-accented: #15803d;

    /* Info colors */
    --info: #60a5fa;
    --info-lifted: #3b82f6;
    --info-accented: #2563eb;

    /* Notice colors */
    --notice: #a78bfa;
    --notice-lifted: #8b5cf6;
    --notice-accented: #7c3aed;

    /* Warning colors */
    --warning: #fb923c;
    --warning-lifted: #f97316;
    --warning-accented: #ea580c;

    /* Error colors */
    --error: #f87171;
    --error-lifted: #ef4444;
    --error-accented: #dc2626;

    /* Grayscale colors */
    --grayscale: var(--neutral-900);
    --grayscale-lifted: var(--neutral-800);
    --grayscale-accented: var(--neutral-700);

    /* Neutral colors */
    --neutral: var(--neutral-500);
    --neutral-lifted: var(--neutral-600);
    --neutral-accented: var(--neutral-700);

    /* Text colors — light text on dark bg;
       inverted = dark text on amber buttons */
    --text-inverted: #141414;
    --text-muted: #6b6b6b;
    --text-lifted: #9a9a9a;
    --text-accented: #c4c4c4;
    --text: #f0f0f0;

    /* Border colors */
    --border-muted: #1f1f1f;
    --border: #2b2b2b;
    --border-lifted: #3a3a3a;
    --border-accented: #6b6b6b;

    /* Background colors */
    --bg: #0d0d0d;
    --bg-muted: #141414;
    --bg-lifted: #1a1a1a;
    --bg-accented: #242424;
    --bg-inverted: #f5f5f5;

    /* Additional colors */
    --yellow-200: #fff085;
    --yellow-300: #ffdf20;
    --teal-300: #46edd5;
    --teal-400: #00d5be;
    --emerald-300: #5ee9b5;
    --pink-400: #fb64b6;

    /* Font sizes */
    --text-xs: 0.625rem;
    --text-sm: 0.75rem;
    --text-md: 0.875rem;
    --text-lg: 1rem;

    /* Spacing */
    --outline-sm: 1px;
    --outline-md: 2px;
    --outline-lg: 3px;

    /* Rounding */
    --rounding-sm: 0.25rem;
    --rounding-md: 0.5rem;
    --rounding-lg: 0.75rem;

    /* Other */
    --letter-spacing: 0em;
    --disabled-opacity: 25%;
}