Aavya Theme

import Globals from '@/app/globals.css'

export default function Example() {
  return (
    <div className="p-6">
      <Globals />
    </div>
  )
}

@import 'tailwindcss';

@custom-variant dark (&:is(.dark *));

/*
 * Aavya Brand Portal — Design Tokens
 * Based on Aavya Visual Design & Brand Guidelines v4.1 (April 2026 reconciliation)
 *
 * Brand DNA: Premium, minimal, calm, technical — "SaaS Infrastructure" aesthetic.
 *
 * Color Hierarchy:
 *   Primary:   Indigo #4F46E5 — main actions, buttons, CTAs
 *   Accent:    Aavya Cyan #3AADDD — links, eyebrow text, focus rings, logo accent
 *   Anchor:    Deep Navy #1E2338 — logo mark, image backgrounds
 *   Success:   Mint #2CB67D — semantic success only (not a brand color)
 *
 * "No warm colors" rule applies to branding & imagery only.
 * UI components (destructive buttons, error states, etc.) use standard colors.
 *
 * Light Mode (default): Documentation, diagrams, readable content.
 * Dark Mode: Cinematic, immersive, high-tech branding.
 */
@theme inline {
  --color-background: var(--background);
  --color-foreground: var(--foreground);
  --color-card: var(--card);
  --color-card-foreground: var(--card-foreground);
  --color-popover: var(--popover);
  --color-popover-foreground: var(--popover-foreground);
  --color-primary: var(--primary);
  --color-primary-foreground: var(--primary-foreground);
  --color-secondary: var(--secondary);
  --color-secondary-foreground: var(--secondary-foreground);
  --color-muted: var(--muted);
  --color-muted-foreground: var(--muted-foreground);