/* OlaMat Utilities
   Highest layer — simple helpers.
   Loaded by member + admin surfaces. */

@layer utilities {
  .hidden { display: none !important; }

  .text-center  { text-align: center; }
  .text-success { color: var(--color-success); }
  .text-warning { color: var(--color-warning); }
  .text-danger  { color: var(--color-danger); }
  .text-info    { color: var(--color-info); }

  .mt-1 { margin-top: var(--space-2); }
  .mt-2 { margin-top: var(--space-4); }
  .mt-3 { margin-top: var(--space-6); }
  .mt-4 { margin-top: var(--space-8); }

  .mb-1 { margin-bottom: var(--space-2); }
  .mb-2 { margin-bottom: var(--space-4); }
  .mb-3 { margin-bottom: var(--space-6); }
  .mb-4 { margin-bottom: var(--space-8); }

  .p-1 { padding: var(--space-2); }
  .p-2 { padding: var(--space-4); }
  .p-3 { padding: var(--space-6); }
  .p-4 { padding: var(--space-8); }
}