:root {
/* Source: :contentReference[oaicite:0]{index=0} */

/* Base text & backgrounds */
--color-text: #1f2937;            /* replaces #222, #212529 */
--color-bg: #ffffff;              /* replaces #ffffff, #fefefe */
--color-muted-text: #6b7280;      /* (new) for subtle text */
--color-selection: #c7d2fe;       /* replaces #b3d4fc */

/* Borders & dividers */
--color-border: #e5e7eb;          /* replaces #D7DBDD, #dee2e6, #999 */
--color-hr: #e5e7eb;              /* replaces #ccc */

/* Primary / interactive */
--color-primary: #0284c7;         /* replaces #007bff */
--color-primary-contrast: var(--color-bg);/* replaces #fff (button text) */
--color-disabled: #6c757d;        /* replaces rgb(108, 117, 125) */
--color-selected: #16a34a;        /* replaces rgb(108, 117, 125) */

/* Semantic states */
--color-success: #166534;         /* replaces #155724 */
--color-success-bg: #dcfce7;      /* replaces #d4edda */
--color-success-border: #bbf7d0;  /* replaces #c3e6cb */

--color-danger: #991b1b;          /* replaces #721c24 */
--color-danger-bg: #fee2e2;       /* replaces #f8d7da */
--color-danger-border: #fca5a5;   /* replaces #f5c6cb */

--color-warning: #b45309;         /* replaces #f20d22 */
--color-warning-bg: #fef3c7;      /* replaces #fff3cd */
--color-warning-border: #fde68a;  /* replaces #ffeeba */

--color-info: #0ea5e9;            /* replaces rgb(23, 162, 184), #d1ecf1 */
--color-info-bg: #e0f2fe;         /* replaces #d1ecf1 */
--color-info-accent: #dbeafe;     /* replaces #cce5ff */

/* Tables & zebra rows */
--color-zebra-even: #f2f7ff;      /* replaces #f2f2f2 */
--color-zebra-odd: #ffffff;       /* replaces #ffffff */
--color-th-bg: rgba(148, 163, 184, 0.4); /* replaces rgba(194,194,214,0.8) */

/* Code & editors */
--color-code-text: #4b5563;       /* replaces #626364 */
--color-code-bg: #f9fafb;         /* replaces #f8f9fa */
--color-code-border: #6b7280;

/* Tooltips */
--color-tooltip-bg: #111827;      /* replaces black */
--color-tooltip-text: #ffffff;    /* replaces #fff */

--color-assignment-border: #d1d5db;
--color-assignment-border-x: #2563eb;

/* Admin / badges / chips */
--color-chip-neutral: #6c757d;    /* replaces rgb(108, 117, 125) */
--color-chip-active: #0ea5e9;     /* replaces rgb(23, 162, 184) */
--color-admin-text: #14532d;      /* replaces #155724 */
--color-admin-bg: #93c5fd;        /* replaces #6e9ef0 */
--color-admin-border: #385078;    /* replaces #385078 */

--color-bookmark-border: #444;

--color-hint-border: #f59e0b;
--color-hint: #713f12;

/* Highlights */
--color-highlight: #bfdbfe;       /* replaces lightblue */
--color-inverse: #000000;         /* replaces #000 */

/* spacing scale */
--space-1: .25rem;
--space-2: .5rem;
--space-3: .75rem;
--space-4: 1rem;
--space-6: 1.5rem;
--space-8: 2rem;

/* roundness */
--radius-sm: 6px;
--radius-md: 10px;
--radius-lg: 14px;

/* subtle elevation */
--shadow-sm: 0 1px 2px rgba(0,0,0,.06);
--shadow-md: 0 6px 18px rgba(0,0,0,.08);

--font-weight-table-th: 1700;





  /* tedd gamify hud */
    --hud-border: #d7e3ff;
    --hud-shadow: 0 6px 24px rgba(0,0,0,.08);
    --xp-bg: white;
    --xp-fill: #4c8dff;
    --text: #1f2a44;
    --muted: #5b6a86;
    --pill-bg: #f5f7ff;
    --navy-blue: #1E3A8A;
    --color-teddy-level: #166534;
    --color-teddy-label: #475569;
    --color-nuts: #B45309;
    --color-teddy-fill: #b8792a;
    --color-teddy-level-back: #BBF7D0;
    --color-teddy-modal-back: #bfdbfe;
    --color-teddy-choice-back: #e0f2fe;
    --color-teddy-choice: #e7ecff;
    --color-teddy-tab-button-back: #f5f8ff;
    --color-teddy-tab-button-border: #4a90e2;
    --color-buyable-hover: rgba(44,122,123,0.4);
    --color-buyable-back: #b2f5ea;
    --color-buyable-choice: #fdfdfd;
    --color-buyable: #234e52;
    --teddy-stage-border: #dfe6ff;
    --color-price-back: #f5f7ff;
    --color-teddy-name-input-border: #cbd5e1;
    --color-choice-back: #fff;
    --teddy-tab-box-shadow: rgba(74, 144, 226, 0.4);
    --color-teddy-tab-button: #111;
    --color-teddy-name-input: #111827;
    --input-box-shadow: rgba(76,141,255,.25);
    --color-teddy-name-input-placeholder: #9ca3af;
    --color-teddy-level-avatar-background: #f1f5ff;
    --color-teddy-level-avatar-boder: #d6e2ff;
    --color-teddy-level-avatar: #0f172a;
    --color-teddy-stats-back: #fff9db;
    --color-teddy-avatar-nuts-reward: #a5b4fc;
    --color-locked-back: #fddede;
    --color-locked: #b71c1c;
    --color-locked-border: #e57373;
    --color-buyable-border: #f6e05e;
    --color-reward-back: #f8fafc;
}