/*
 * application.css - Multi-Tenant Design Tokens System
 */

@import "tailwindcss";

@import "tailwindcss";

/* 
 * CONSOLIDATED THEME DEFINITIONS
 * Using explicit html[data-tenant] selectors to ensure specificity.
 */

@layer base {

  /* FALLBACK / CORE */
  :root,
  html[data-tenant="core"] {
    --font-brand: Inter, sans-serif;
    --color-brand-primary: #475569;
    /* Slate 600 */
    --color-admin-sidebar: #0f172a;
    /* Slate 900 */
    --color-admin-sidebar-text: #ffffff;
    --color-admin-sidebar-text-muted: #94a3b8;
    /* Slate 400 */
    --color-admin-sidebar-hover: #1e293b;
    /* Slate 800 */
  }

  /* BINGO EXPRESS */
  html[data-tenant="bingo_express"] {
    --font-brand: Poppins, sans-serif;
    --color-brand-primary: #be123c;
    /* Rose 700 */
    --color-admin-sidebar: #881337;
    /* Rose 900 */
    --color-admin-sidebar-text: #ffffff;
    --color-admin-sidebar-text-muted: #fecdd3;
    /* Rose 200 */
    --color-admin-sidebar-hover: #9f1239;
    /* Rose 800 */
  }

  /* BINGOS NORTE */
  html[data-tenant="bingos_norte"] {
    --font-brand: Roboto, sans-serif;
    --color-brand-primary: #15803d;
    /* Green 700 */
    --color-admin-sidebar: #14532d;
    /* Green 900 */
    --color-admin-sidebar-text: #ffffff;
    --color-admin-sidebar-text-muted: #bbf7d0;
    /* Green 200 */
    --color-admin-sidebar-hover: #166534;
    /* Green 800 */
  }
}

@theme {
  --font-brand: var(--font-brand);
  --color-brand-primary: var(--color-brand-primary);
  --color-admin-sidebar: var(--color-admin-sidebar);
  --color-admin-sidebar-text: var(--color-admin-sidebar-text);
  --color-admin-sidebar-text-muted: var(--color-admin-sidebar-text-muted);
  --color-admin-sidebar-hover: var(--color-admin-sidebar-hover);
}

/* Aspect Ratio */
.aspect-square {
  aspect-ratio: 1 / 1;
}