/* ============================================================================
   ESTILO COMPARTIDO — estética Notion + fuente Quicksand
   COPIA PROPIA DEL MÓDULO daily-tasks (2026-08-17).

   ⚠ POR QUÉ HAY UNA COPIA. Hasta hoy el módulo linkeaba el original que vive en
   `project/view/test/export/base/session/_assets/notion.css`, que es de OTRO
   producto. En calidad (labs.estructura.co) ese árbol no está desplegado: el
   <link> daba 404 y las pantallas de daily-tasks se veían sin diseño —sin
   fuente, sin tokens de color, sin reset— aunque el módulo estuviera entero.
   El módulo no puede depender de archivos de otro producto para verse bien.

   Si se toca el original, esta copia NO se entera. Es a propósito: son dos
   productos distintos y cada uno manda sobre su estética.

   Se linkea desde `_partials/head.php` vía $s_css_notion (ver
   `_functions/dt-view.php`), ANTES de daily-tasks.css.
   Aporta: la fuente Google Quicksand, los tokens de color (:root --nt-*) y el
   reset base (body con Quicksand medium + fondo blanco).
   ========================================================================= */

@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;600;700&display=swap');

:root {
    --nt-font:        "Quicksand", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, "Apple Color Emoji", Arial, sans-serif;
    --nt-text:        #37352f;
    --nt-muted:       #787774;
    --nt-faint:       #9b9a97;
    --nt-border:      #e9e9e7;
    --nt-divider:     rgba(55, 53, 47, 0.09);
    --nt-hover:       rgba(55, 53, 47, 0.06);
    --nt-callout:     #f7f6f3;
    --nt-blue:        #2383e2;
    --nt-blue-hover:  #1a72cc;
    --nt-blue-soft:   rgba(35, 131, 226, 0.10);
    --nt-green:       #448361;
    --nt-green-bg:    #edf3ec;
    --nt-red:         #d44c47;
    --nt-red-bg:      #fdebec;
    --nt-amber:       #9a6a00;
    --nt-amber-bg:    #fbf3db;
}

* { box-sizing: border-box; }

html, body {
    margin: 0;
    background: #ffffff;
    color: var(--nt-text);
    font-family: var(--nt-font);
    font-weight: 500; /* Quicksand rinde mejor en medium para texto de UI */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* El framework (Webflow/UIkit/normalize) aplica sus PROPIAS fuentes con reglas a
   nivel de elemento sobre headings y controles de formulario; esas reglas ganan a
   la herencia del body. Como notion.css se carga DESPUÉS de esos vendors, forzamos
   Quicksand acá. NO se toca <i>/[uk-icon]/.glyphicon para no romper fuentes de íconos. */
h1, h2, h3, h4, h5, h6,
button, input, select, textarea, optgroup,
.container h1, .container h2, .container h3, .container h4, .container h5, .container h6,
.container button, .container input, .container select, .container textarea, .container optgroup {
    font-family: var(--nt-font);
}