/* Marca de DQ. ÚNICA fuente de colores, tipografías y medidas; la guía /marca/ se genera leyendo este archivo.
   Son los colores que la app ya usaba (tema oscuro por defecto). Si hace falta otro tono, se agrega AQUÍ con su uso. */
:root{
  /* Marca */
  --marca:#F2849E;            /* rosa DQ: botones principales, selección y foco */
  --marca-hover:color-mix(in srgb,var(--marca) 82%,#FFFFFF); /* al pasar el mouse o tocar un botón principal */
  --marca-suave:color-mix(in srgb,var(--marca) 16%,var(--fondo)); /* fondos de chips y avisos de la marca */
  --marca-2:#B388FF;          /* violeta: cierre del degradado de marca; nunca solo ni en texto largo */
  --sobre-marca:#0B0A14;      /* texto encima de --marca y del degradado */
  --acento:#F5C97B;           /* ámbar: inicio del degradado, etiquetas y destacados puntuales */
  --sobre-acento:#0B0A14;     /* texto encima de --acento */
  /* Neutros (tema oscuro, el de siempre) */
  --fondo:#0B0A14;            /* fondo de página */
  --superficie:#16141F;       /* tarjetas, campos y diálogos */
  --tinta:#FFFFFF;            /* texto principal */
  --tinta-2:#D3D3D5;          /* texto secundario */
  --linea:#28272F;            /* bordes y divisores */
  /* Modo claro (opcional, lo elige la persona) */
  --claro-fondo:#FBF7F2;      /* fondo de página en modo claro */
  --claro-tinta:#1B1626;      /* texto principal en modo claro */
  /* Estados */
  --ok:#34D399;      /* éxito: guardado, enviado */
  --aviso:#FBBF24;   /* atención: pendiente de revisar */
  --error:#FB7185;   /* error: no se pudo guardar o entrar */
  --info:#38BDF8;    /* información y enlaces del estudio */
  /* Colores por rol */
  --rol-cliente:#F2849E;        /* cuestionario y cotizador del cliente: degradado ámbar → rosa → violeta */
  --rol-administrador:#0284C7;  /* DQ Studio (pipeline, cotización, catálogo): degradado índigo → cielo → verde azulado */
  /* Tipografía: máximo 2 familias */
  --display:'Fraunces',ui-serif,Georgia,serif;
  --sans:'Plus Jakarta Sans',ui-sans-serif,system-ui,sans-serif;
  --t-1:2.5rem; --t-2:1.75rem; --t-3:1.25rem; --t-texto:1rem; --t-chico:.875rem;
  /* Forma */
  --radio:16px; --radio-chico:12px; --sombra:0 1px 2px rgba(0,0,0,.3),0 12px 32px -14px rgba(0,0,0,.6);
  --degradado:linear-gradient(100deg,var(--acento) 0%,var(--marca) 55%,var(--marca-2) 100%);
}