:root 
{
    /* Primary surfaces */
    --bg-primary: #f4f7f6;
    --bg-secondary: #ebebeb;
    --bg-grey: #979797;
    --bg-transparent: rgba(63, 183, 180, 0.08);

    /* Extended surfaces */
    --bg-elevated: #ffffff;
    --bg-panel: rgba(255, 255, 255, 0.92);
    --bg-input: rgba(255, 255, 255, 0.96);
    --bg-chip: rgba(63, 183, 180, 0.12);

    /* Accent palette */
    --accent-primary: #3fb7b4;
    --accent-secondary: #2d9d98;
    --accent-hover: #1f8f8a;  
    --accent-tertiary: #7de0dd;

    /* Typography */
    --text-primary: #112224;
    --text-secondary: #5b6d6f;
    --text-dark: #0b1720;
    --text-white: #f0f0f0;
    --text-muted: rgba(17, 34, 36, 0.56);

    /* Borders */
    --border-primary: rgba(63, 183, 180, 0.45); 
    --border-secondary: rgba(17, 34, 36, 0.12); 
    --border-light: rgba(148, 163, 184, 0.25);
    --border-soft: rgba(17, 34, 36, 0.16);
    --border-strong: rgba(17, 34, 36, 0.22);

    /* Shadows */
    --shadow-primary: rgba(17, 34, 36, 0.12); 
    --shadow-secondary: rgba(63, 183, 180, 0.18);
    --shadow-danger: rgba(220, 82, 80, 0.18);
    --shadow-soft: rgba(17, 34, 36, 0.08);

    
    /* Brand accents */
    --brand-bitcoin: #f7931a;
    --brand-ethereum: #627eea;
    /* Notifications */
    --notify-success: #27a376;
    --notify-error: #dc4141;
    --notify-info: #2e8be6;
    --notify-warning: #d38a1c;

    /* Surfaces */
    --surface-card: #ffffff;
    --surface-overlay: #f6fbfa;
    --surface-banner: #eef7f6;
    --surface-ghost: #f4f8f8;
    --surface-dialog: #ffffff;
    --surface-chip: #e9f3f2;
    --toggle-track: #d6e4e4;
    --toggle-track-disabled: #c7d6d6;

    /* Layout */
    --header-height: 72px;
}