/* ======================================
   SUPERCLICK
   VARIABLES GLOBALES
====================================== */

:root {
    --color-primary: #176b43;
    --color-primary-dark: #0f4d2f;
    --color-primary-light: #eaf6ef;

    --color-white: #ffffff;
    --color-surface: #ffffff;
    --color-background: #f4f7f5;

    --color-text: #1e1e1e;
    --color-text-secondary: #6b7280;

    --color-success: #22c55e;
    --color-error: #d63031;
    --color-warning: #f59e0b;

    --color-border: #e3e8e5;

    --border-radius-small: 8px;
    --border-radius-medium: 12px;
    --border-radius-large: 20px;

    --shadow-small: 0 4px 12px rgba(0, 0, 0, 0.06);
    --shadow-medium: 0 10px 30px rgba(0, 0, 0, 0.10);
    --shadow-large: 0 20px 55px rgba(15, 77, 47, 0.14);

    --transition-fast: 0.2s ease;
    --transition-normal: 0.3s ease;
}