/* LivuIcons tiles and accent tones: rounded squares behind an icon (Home quick actions, plan cards, agenda rows, measurement cards). */
.livu-tile{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:44px;height:44px;border-radius:14px;background:var(--tint);color:var(--brand);box-sizing:border-box}
.livu-tile.is-small{width:36px;height:36px;border-radius:11px}
.livu-tile.is-large{width:54px;height:54px;border-radius:17px}
.livu-tile.is-round{border-radius:50%}
.livu-tile svg{display:block}
.livu-tile.tone-brand{background:var(--tint);color:var(--brand)}
.livu-tile.tone-flame{background:var(--accent-flame-bg);color:var(--accent-flame)}
.livu-tile.tone-water{background:var(--accent-water-bg);color:var(--accent-water)}
.livu-tile.tone-strength{background:var(--accent-strength-bg);color:var(--accent-strength)}
.livu-tile.tone-cardio{background:var(--accent-cardio-bg);color:var(--accent-cardio)}
.livu-tile.tone-food{background:var(--accent-food-bg);color:var(--accent-food)}
.livu-tile.tone-calm{background:var(--accent-calm-bg);color:var(--accent-calm)}
.livu-tile.tone-gold{background:var(--accent-gold-bg);color:var(--accent-gold)}
.livu-tile.tone-mint{background:var(--lime-soft);color:var(--ok)}
.livu-tile.tone-glass{background:var(--glass-2);color:var(--on-dark)}
/* Small label pills next to a title: "KRACHT & ENERGIE", "≤ 30 min", "Eiwitrijk". */
.livu-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:999px;background:var(--tint);color:var(--brand);font-size:11px;font-weight:700;line-height:1.2;letter-spacing:.02em;white-space:nowrap}
.livu-pill svg{width:13px;height:13px}
.livu-pill.tone-flame{background:var(--accent-flame-bg);color:var(--accent-flame)}
.livu-pill.tone-water{background:var(--accent-water-bg);color:var(--accent-water)}
.livu-pill.tone-strength{background:var(--accent-strength-bg);color:var(--accent-strength)}
.livu-pill.tone-cardio{background:var(--accent-cardio-bg);color:var(--accent-cardio)}
.livu-pill.tone-food{background:var(--accent-food-bg);color:var(--accent-food)}
.livu-pill.tone-calm{background:var(--accent-calm-bg);color:var(--accent-calm)}
.livu-pill.tone-gold{background:var(--accent-gold-bg);color:var(--accent-gold)}
.livu-pill.tone-ok{background:var(--ok-bg);color:var(--ok)}
.livu-pill.tone-muted{background:var(--surface-2);color:var(--muted)}
.livu-pill.tone-glass{background:var(--glass-2);color:var(--on-dark)}
/* Eyebrow above a card title: small caps in an accent colour. */
.livu-eyebrow{display:block;margin:0 0 4px;font-size:10.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.livu-eyebrow.tone-strength{color:var(--accent-strength)}
.livu-eyebrow.tone-cardio{color:var(--accent-cardio)}
.livu-eyebrow.tone-calm{color:var(--accent-calm)}
.livu-eyebrow.tone-food{color:var(--accent-food)}
.livu-eyebrow.tone-flame{color:var(--accent-flame)}
.livu-eyebrow.tone-lime{color:var(--lime)}