/*
 * Hoja de papel: la superficie blanca que comparten la página de tesis, la tabla y la ficha.
 * Es el único elemento con sombra de toda la página.
 */
@layer components {
  /*
   * Ámbito de papel. Dentro de una hoja los roles de color vuelven a sus valores de
   * día, porque el papel sigue siendo claro también en el tema de noche: así el
   * texto, los bordes de los controles y el foco se leen igual en los dos temas.
   *
   * .paper-tones aplica solo este ámbito, sin el aspecto de hoja. Lo usan las piezas
   * que acompañan a una hoja (por ejemplo, sus pestañas).
   */
  .paper,
  .paper-tones {
    color-scheme: light;
    --color-desk: var(--material-day-desk);
    --color-ink: var(--material-ink);
    --color-ink-soft: var(--material-ink-soft);
    --color-accent: var(--material-stamp);
    --color-accent-strong: var(--material-stamp-deep);
    --color-accent-text: var(--material-stamp);
    --color-line: var(--material-line);
    --color-focus: var(--material-stamp);
  }

  .paper {
    border: 1px solid var(--color-line);
    border-radius: var(--radius-paper);
    background-color: var(--color-paper);
    box-shadow: var(--shadow-paper);
  }
}