/* t-spacing-only.css - Only t-prefixed margin & padding utilities */

:root {
  --spacing-px: 1px;
  --spacing-1: 0.25rem;    /* 4px  */
  --spacing-1-5: 0.375rem; /* 6px  */
  --spacing-2: 0.5rem;     /* 8px  */
  --spacing-3: 0.75rem;    /* 12px */
  --spacing-4: 1rem;       /* 16px */
}

/* Uniform (all sides) */
.tm-px   { margin: var(--spacing-px); }
.tm-1    { margin: var(--spacing-1); }
.tm-1\.5 { margin: var(--spacing-1-5); }
.tm-2    { margin: var(--spacing-2); }
.tm-3    { margin: var(--spacing-3); }
.tm-4    { margin: var(--spacing-4); }

.tp-px   { padding: var(--spacing-px); }
.tp-1    { padding: var(--spacing-1); }
.tp-1\.5 { padding: var(--spacing-1-5); }
.tp-2    { padding: var(--spacing-2); }
.tp-3    { padding: var(--spacing-3); }
.tp-4    { padding: var(--spacing-4); }

/* X-axis (left + right) */
.tx-px   { margin-left: var(--spacing-px); margin-right: var(--spacing-px); }
.tx-1    { margin-left: var(--spacing-1); margin-right: var(--spacing-1); }
.tx-1\.5 { margin-left: var(--spacing-1-5); margin-right: var(--spacing-1-5); }
.tx-2    { margin-left: var(--spacing-2); margin-right: var(--spacing-2); }
.tx-3    { margin-left: var(--spacing-3); margin-right: var(--spacing-3); }
.tx-4    { margin-left: var(--spacing-4); margin-right: var(--spacing-4); }

/* Y-axis (top + bottom) */
.ty-px   { margin-top: var(--spacing-px); margin-bottom: var(--spacing-px); }
.ty-1    { margin-top: var(--spacing-1); margin-bottom: var(--spacing-1); }
.ty-1\.5 { margin-top: var(--spacing-1-5); margin-bottom: var(--spacing-1-5); }
.ty-2    { margin-top: var(--spacing-2); margin-bottom: var(--spacing-2); }
.ty-3    { margin-top: var(--spacing-3); margin-bottom: var(--spacing-3); }
.ty-4    { margin-top: var(--spacing-4); margin-bottom: var(--spacing-4); }

/* Single sides - top */
.tmt-px   { margin-top:    var(--spacing-px); }
.tmt-1    { margin-top:    var(--spacing-1); }
.tmt-1\.5 { margin-top:    var(--spacing-1-5); }
.tmt-2    { margin-top:    var(--spacing-2); }
.tmt-3    { margin-top:    var(--spacing-3); }
.tmt-4    { margin-top:    var(--spacing-4); }

.tpt-px   { padding-top:   var(--spacing-px); }
.tpt-1    { padding-top:   var(--spacing-1); }
.tpt-1\.5 { padding-top:   var(--spacing-1-5); }
.tpt-2    { padding-top:   var(--spacing-2); }
.tpt-3    { padding-top:   var(--spacing-3); }
.tpt-4    { padding-top:   var(--spacing-4); }

/* right */
.tmr-px   { margin-right:  var(--spacing-px); }
.tmr-1    { margin-right:  var(--spacing-1); }
.tmr-1\.5 { margin-right:  var(--spacing-1-5); }
.tmr-2    { margin-right:  var(--spacing-2); }
.tmr-3    { margin-right:  var(--spacing-3); }
.tmr-4    { margin-right:  var(--spacing-4); }

.tpr-px   { padding-right: var(--spacing-px); }
.tpr-1    { padding-right: var(--spacing-1); }
.tpr-1\.5 { padding-right: var(--spacing-1-5); }
.tpr-2    { padding-right: var(--spacing-2); }
.tpr-3    { padding-right: var(--spacing-3); }
.tpr-4    { padding-right: var(--spacing-4); }

/* bottom */
.tmb-px   { margin-bottom: var(--spacing-px); }
.tmb-1    { margin-bottom: var(--spacing-1); }
.tmb-1\.5 { margin-bottom: var(--spacing-1-5); }
.tmb-2    { margin-bottom: var(--spacing-2); }
.tmb-3    { margin-bottom: var(--spacing-3); }
.tmb-4    { margin-bottom: var(--spacing-4); }

.tpb-px   { padding-bottom: var(--spacing-px); }
.tpb-1    { padding-bottom: var(--spacing-1); }
.tpb-1\.5 { padding-bottom: var(--spacing-1-5); }
.tpb-2    { padding-bottom: var(--spacing-2); }
.tpb-3    { padding-bottom: var(--spacing-3); }
.tpb-4    { padding-bottom: var(--spacing-4); }

/* left */
.tml-px   { margin-left:   var(--spacing-px); }
.tml-1    { margin-left:   var(--spacing-1); }
.tml-1\.5 { margin-left:   var(--spacing-1-5); }
.tml-2    { margin-left:   var(--spacing-2); }
.tml-3    { margin-left:   var(--spacing-3); }
.tml-4    { margin-left:   var(--spacing-4); }

.tpl-px   { padding-left:  var(--spacing-px); }
.tpl-1    { padding-left:  var(--spacing-1); }
.tpl-1\.5 { padding-left:  var(--spacing-1-5); }
.tpl-2    { padding-left:  var(--spacing-2); }
.tpl-3    { padding-left:  var(--spacing-3); }
.tpl-4    { padding-left:  var(--spacing-4); }