/*
  utility.css
  Unscoped utility spacing classes for Nova/AmbientPixels system.
  Explicitly approved for global use by Signal Binder, 2025-06-26.
  Uses system tokens where available.
  Created by Cascade, 2025-06-26
*/

/* Margin Bottom */
.mb-1 { margin-bottom: var(--aura-space-xs, 0.5rem); }   /* updated by Cascade */
.mb-2 { margin-bottom: var(--aura-space-sm, 1rem); }     /* updated by Cascade */
.mb-3 { margin-bottom: var(--aura-space-md, 1.5rem); }   /* updated by Cascade */

/* Margin Top */
.mt-1 { margin-top: var(--aura-space-xs, 0.5rem); }      /* updated by Cascade */
.mt-2 { margin-top: var(--aura-space-sm, 1rem); }        /* updated by Cascade */
.mt-3 { margin-top: var(--aura-space-md, 1.5rem); }      /* updated by Cascade */

/* Margin Left */
.ml-1 { margin-left: var(--aura-space-xs, 0.5rem); }     /* updated by Cascade */
.ml-2 { margin-left: var(--aura-space-sm, 1rem); }       /* updated by Cascade */

/* Margin Right */
.mr-1 { margin-right: var(--aura-space-xs, 0.5rem); }    /* updated by Cascade */
.mr-2 { margin-right: var(--aura-space-sm, 1rem); }      /* updated by Cascade */

/* Gap Utility for Flex/Grid */
.gap-1 { gap: var(--aura-space-xs, 0.5rem); }            /* updated by Cascade */
.gap-2 { gap: var(--aura-space-sm, 1rem); }              /* updated by Cascade */

/* Padding (optional, if needed) */
.pb-1 { padding-bottom: var(--aura-space-xs, 0.5rem); }  /* updated by Cascade */
.pt-1 { padding-top: var(--aura-space-xs, 0.5rem); }     /* updated by Cascade */

/* --- Universal Utility Classes (added by Cascade 2025-06-26) --- */

/* Text Alignment */
.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }

/* Font Weight */
.text-bold, .bold { font-weight: bold; }
.text-light, .light { font-weight: 300; }

/* Text Muted */
.text-muted { color: var(--aura-muted, #889); }

/* Display/Layout */
.flex { display: flex; }
.inline-block { display: inline-block; }
.block { display: block; }
.w-100 { width: 100%; }
.h-100 { height: 100%; }

/* Border/Radius */
.radius-sm { border-radius: var(--aura-radius-sm, 4px); }
.radius-md { border-radius: var(--aura-radius-md, 8px); }
.radius-lg { border-radius: var(--aura-radius-lg, 16px); }
.border { border: 1px solid var(--aura-border, #2e2e3a); }

/* Visibility */
.hidden { display: none !important; }
.visible { display: block !important; }