/* TACKYCHAN · componente único de vidrio
   Una sola estructura y comportamiento para Superficie / Deep Sea,
   público / administrador. Solo cambian los tokens del entorno. */

.tc-glass-panel{
  --tc-glass-bg:rgba(255,255,255,.52);
  --tc-glass-border:rgba(255,255,255,.72);
  --tc-glass-text:inherit;
  --tc-glass-copy:inherit;

  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:24px 26px;
  border:1px solid var(--tc-glass-border);
  border-radius:20px;
  color:var(--tc-glass-text);
  background:var(--tc-glass-bg);
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
  box-shadow:none;
}

/* Los colores del contenido también siguen al tema, sin alterar el cristal. */
body .tc-glass-panel.tc-glass-panel--surface h1,
body .tc-glass-panel.tc-glass-panel--deep h1{
  color:var(--tc-glass-text)!important;
}
body .tc-glass-panel.tc-glass-panel--surface p,
body .tc-glass-panel.tc-glass-panel--deep p{
  color:var(--tc-glass-copy)!important;
}

/* Tema claro oceánico: tokens compartidos del entorno. */
.tc-glass-panel--surface{
  --tc-glass-bg:var(--tc-surface-glass-bg,rgba(239,249,255,.52));
  --tc-glass-border:var(--tc-surface-glass-border,rgba(255,255,255,.72));
  --tc-glass-text:var(--tc-surface-ink,#173853);
  --tc-glass-copy:var(--tc-surface-glass-copy,#31596f);
}

/* Tema profundo: tokens compartidos del entorno. */
.tc-glass-panel--deep{
  --tc-glass-bg:var(--tc-deep-glass-bg,rgba(5,9,36,.70));
  --tc-glass-border:var(--tc-deep-glass-border,rgba(89,67,132,.72));
  --tc-glass-text:#f5f7ff;
  --tc-glass-copy:var(--tc-deep-glass-copy,#c3cde0);
}