:root {
    --font-primary: #eaeaea;
    --font-secondary: #9198a1;
    --font-error: #f85149;
    
    --background-primary: #010409;
    --background-secondary: #0d1117;
    --border-secondary: #363c45;

    --icon: #8f969f;

    --inputfield-focus: #1f6feb;

    --button-secondary: #212830;
    --button-secondary-hover: #262c36;
    --button-secondary-active: #2a313c;

    --button-primary: #238636;
    --button-primary-hover: #29903b;
    --button-primary-active: #2e9a40;

    --button-danger: #fa5e55;
    --button-danger-hover: #b62324;
    --button-danger-active: #d03533;

    --checkbox-selected: #c3c3c3;
    --checkbox-unselected: #3b3b3b;
    --checkbox-border: #5d5e5f;
    --checkbox-border-hover: #eaeaea;

    --link-secondary: #eaeaea;
    --link-secondary-hover: #4493f8;

    /* New color variables for items.css */
    --primary: #1f6feb;
    --primary-transparent: rgba(31, 111, 235, 0.1);
    --primary-transparent-hover: rgba(31, 111, 235, 0.15);

    /* Surface and border colors */
    --surface-color: #0d1117;
    --border-color: #30363d;
    --hover-color: rgba(177, 186, 196, 0.12);
    --surface-hover: rgba(255, 255, 255, 0.1);

    /* Status colors */
    --success-bg: rgba(46, 160, 67, 0.15);
    --success-text: #3fb950;
    --warning-bg: rgba(187, 128, 9, 0.15);
    --warning-text: #d29922;
    --info-bg: rgba(56, 139, 253, 0.15);
    --info-text: #58a6ff;
    --error-bg: rgba(248, 81, 73, 0.15);
    --error-text: #f85149;

    /* Danger colors */
    --danger-color: #fa5e55;
    --danger-dark: #da3633;
    --danger-fg: #f85149;
    --danger-bg: rgba(248, 81, 73, 0.15);

    /* Primary colors */
    --primary-color: #1f6feb;
    --primary-dark: #1a62d6;
    --text-color: #eaeaea;
    --text-secondary: #8b949e;

    /* Input and form field colors */
    --input-background: #0d1117;
    --input-border: #30363d;
    --input-focus-border: #1f6feb;
    --input-placeholder: #6e7681;
    --dropdown-background: #0d1117;
    --card-background: #0d1117;

    /* Variables for new-pc.css */
    --text-primary: var(--text-color);
    --text-on-accent: #ffffff;
    --text-disabled: #6e7681;
    
    --surface-primary: var(--background-primary);
    --surface-secondary: var(--background-secondary);
    
    --border-primary: var(--border-color);
    
    --accent-primary: var(--primary-color);
    /* Custom additions for landing/index page */
    --color-green: #3fb950;
}