:root {
    --bg-color: #f5f5f7;
    --card-bg-color: #ffffff;
    --text-primary: #1d1d1f;
    --text-secondary: #515154;
    --text-tertiary: #86868b;
    --action-blue: #0071e3;
    --action-blue-hover: #0077ed;
    --border-color: #d2d2d7;
    --input-bg: #f5f5f7;
    --input-border: #d2d2d7;
    --card-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    --selected-shadow: 0 0 0 2px var(--action-blue);
    --navbar-height: 70px;
    --theme-transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

body.dark-mode {
    --bg-color: #000000;
    --card-bg-color: #151516;
    --text-primary: #f5f5f7;
    --text-secondary: #a1a1a6;
    --text-tertiary: #6e6e73;
    --border-color: #3a3a3c;
    --input-bg: #1d1d1f;
    --input-border: #3a3a3c;
    --card-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.icon-check {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-color: #34c759; /* Usa a cor do seu tema */
    /* Substitua pelo caminho correto do seu arquivo .svg */
    -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="black"><path d="M10 0C4.48 0 0 4.48 0 10C0 15.52 4.48 20 10 20C15.52 20 20 15.52 20 10C20 4.48 15.52 0 10 0ZM8 15L3 10L4.41 8.59L8 12.17L15.59 4.58L17 6L8 15Z" /></svg>') no-repeat center;
    mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="black"><path d="M10 0C4.48 0 0 4.48 0 10C0 15.52 4.48 20 10 20C15.52 20 20 15.52 20 10C20 4.48 15.52 0 10 0ZM8 15L3 10L4.41 8.59L8 12.17L15.59 4.58L17 6L8 15Z" /></svg>') no-repeat center;
    mask-size: contain;
    vertical-align: middle;
    margin-top: 3px;
}