/* ASIDEHU prototype token layer. Values now come from theme.json presets. */
:root {
  /* Palette — warm paper, archival authority */
  --base:        var(--wp--preset--color--base);
  --surface:     var(--wp--preset--color--surface);
  --ink:         var(--wp--preset--color--contrast);
  --teal:        var(--wp--preset--color--primary);
  --teal-dark:   var(--wp--preset--color--primary-dark);
  --terracotta:  var(--wp--preset--color--accent);
  --line:        var(--wp--preset--color--border);
  --muted:       var(--wp--preset--color--contrast-muted);
  --light:       var(--wp--preset--color--contrast-light);
  --teal-soft:   var(--wp--preset--color--primary-light);

  /* Type */
  --sans: var(--wp--preset--font-family--arimo);
  --serif: var(--wp--preset--font-family--gelasio);

  /* Layout */
  --shell: min(calc(100% - 48px), 1180px);

  /* Spacing scale — consistent vertical rhythm */
  --space-1:  var(--wp--preset--spacing--20);
  --space-2:  var(--wp--preset--spacing--30);
  --space-3:  var(--wp--preset--spacing--40);
  --space-4:  var(--wp--preset--spacing--50);
  --space-5:  var(--wp--preset--spacing--60);
  --space-6:  var(--wp--preset--spacing--70);
  --space-7:  var(--wp--preset--spacing--80);

  /* Radii — square for institutional tone */
  --radius: 0;

  /* Gallery thumbnail box. The client asked for it "casi que hasta la mitad" of
     the old 320x230 (2026-08-31, 21:01:45); a literal halving lands near 160x115,
     where a centre-cropped portrait stops being readable, so it stops here.
     templates.css overrides both below 700px so three tiles stay in view. */
  --galeria-tile:        200px;
  --galeria-tile-height: 150px;

  /* Semantic aliases shared by dark surfaces and status treatments. */
  --ink-line:        #4a5665;
  --ink-border:      #2a3a4e;
  --teal-pale:       var(--wp--preset--color--primary-pale);
  --terracotta-soft: var(--wp--preset--color--accent-soft);
  --terracotta-dark: var(--wp--preset--color--accent-dark);
  --on-dark:         rgba(255, 255, 255, 0.9);
  --on-dark-muted:   rgba(255, 255, 255, 0.7);
  --on-dark-soft:    rgba(255, 255, 255, 0.85);
  --shadow-float:    0 6px 24px rgba(23, 35, 51, 0.28);
}