/*
 * GOASS — variables de diseño (gc-).
 * Se cargan en todas las páginas desde layouts/app y también desde gc-assets,
 * así el layout (sidebar, navbar) y los componentes comparten la misma paleta.
 */
:root {
    --gc-font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

    /* Paleta: cada color con su nombre en inglés */
    --gc-green: #01c78e;
    --gc-green-strong: #00a374;
    --gc-green-soft: #e3f8f1;
    --gc-blue: #0b62a8;
    --gc-blue-strong: #084d85;
    --gc-blue-soft: #e6f0f9;
    --gc-lightblue: #1e88d1;
    --gc-lightblue-strong: #166ba6;
    --gc-lightblue-soft: #e6f3fc;
    --gc-red: #d9443f;
    --gc-red-strong: #b5322d;
    --gc-red-soft: #fdecea;
    --gc-orange: #f0a326;
    --gc-orange-strong: #d38a12;
    --gc-orange-soft: #fdf3e1;
    --gc-orange-ink: #3d2800;
    --gc-black: #1d2b33;
    --gc-black-strong: #0f181d;

    /* Color principal de la marca: cambiarlo acá cambia todo lo "primary" */
    --gc-primary: var(--gc-green);
    --gc-primary-strong: var(--gc-green-strong);
    --gc-primary-soft: var(--gc-green-soft);

    --gc-text: #1f2d35;
    --gc-muted: #66767f;
    --gc-border: #d5dee3;
    --gc-border-strong: #b5c3ca;
    --gc-surface: #ffffff;
    --gc-surface-2: #f4f7f8;
    --gc-surface-3: #e9eff2;

    --gc-focus-ring: 0 0 0 3px rgba(1, 199, 142, 0.28);
    --gc-shadow-sm: 0 1px 2px rgba(16, 32, 40, 0.06), 0 1px 3px rgba(16, 32, 40, 0.08);
    --gc-shadow-md: 0 6px 18px rgba(16, 32, 40, 0.1);
    --gc-shadow-lg: 0 22px 60px rgba(16, 32, 40, 0.24);
    --gc-ease: cubic-bezier(0.2, 0.8, 0.2, 1);
    --gc-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
}