:root {
    /* ── Text ────────────────────────────────────────────────── */
    --text-light-primary:    #000000;
    --text-light-secondary:  rgba(0, 0, 0, 0.5);
    --text-light-tertiary:   rgba(0, 0, 0, 0.3);
    --text-light-disabled:   rgba(0, 0, 0, 0.15);

    --text-dark-primary:     rgba(255, 255, 255, 1);
    --text-dark-secondary:   rgba(255, 255, 255, 0.5);
    --text-dark-disabled:    rgba(255, 255, 255, 0.28);

    /* ── Background ──────────────────────────────────────────── */
    --background-light-page:          #fcfcfc;
    --background-light-elevated:      #ffffff;
    --background-light-secondary:     #f7f7f7;
    --background-light-tertiary:      #fafafa;

    --background-light-almost-black:      #464655;
    --background-light-hover-additive:    rgba(255, 255, 255, 0.1);
    --background-light-modal-overlay:     rgba(0, 0, 0, 0.24);
    --background-light-secondary-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(255, 255, 255, 0.9) 100%);
    --background-light-primary-gradient:   linear-gradient(180deg, #fff 50%, rgba(255, 255, 255, 0.96) 100%);

    --background-color-negative:              #fff1f4;
    --background-color-positive:              #e8f7f5;
    --background-color-orange:                #fff4f2;
    --background-color-purple:                #d6ddff;
    --background-color-blue:                  rgba(60, 170, 255, 0.1);
    --background-color-graph-title-overlay:   rgba(253, 253, 253, 0.8);
    --background-color-bg-progress-bar:       rgba(235, 235, 235, 0.4);

    /* ── Colors ──────────────────────────────────────────────── */
    --color-negative:      #ff6183;
    --color-purple:        #6e84ff;
    --color-molecule-paused: rgba(0, 0, 0, 0.4);
    --color-positive:      #0b9981;
    --color-accent-orange: #ff7758;
    --color-accent-blue:   #75b0ff;
    --color-accent-green:  #64cc9d;
    --graph-blue:          #c2e4ff;

    /* ── Strokes ─────────────────────────────────────────────── */
    --stroke-block-01: #f4f4f4;
    --stroke-block-02: #eeeeee;

    /* ── Effects (shadows) ───────────────────────────────────── */
    --effect-objects-above: 0px 3px 24px 0px rgba(0, 0, 0, 0.01), 0px 1px 8px 0px rgba(0, 0, 0, 0.06);
    --effect-tip-modal:     0px 4px 48px 0px rgba(0, 0, 0, 0.12), 0px 2px 4px 0px rgba(0, 0, 0, 0.15);
}