/* ==========================================================================
   Fleepr — Design tokens
   Variables consumidas por tailwind.config (ver assets/js/tailwind-config.js)
   ========================================================================== */

:root {
    --background: #FCFCFD;
    --foreground: #212121;
    --muted: #636465;
    --border: #f6f6ff;
    --popover: #ffffff;
    --primary: #212121;
    --primary-foreground: #ffffff;
    --secondary-border: #d8d8e2;
    --secondary-hover: #f6f6ff;
    --secondary-active: #eeeef7;
    --popover-inner: #f2f2f7;
    --live: #16a34a;               /* punto de estado "trabajando ahora" (hero) */

    /* usadas por el efecto de mesh del hero (solo index.html) */
    --mouse-x: 50%;
    --mouse-y: 50%;
}

:root.dark {
    --background: #121214;
    --foreground: #FAFAFA;
    --muted: #8E8E93;
    --border: #222226;
    --popover: #1A1A1E;
    --primary: #FAFAFA;
    --primary-foreground: #121214;
    --secondary-border: #222226;
    --secondary-hover: #222226;
    --secondary-active: #2b2b31;
    --popover-inner: #26262B;
    --live: #4ade80;
}