// @design-system: layout/GlassCard
import { cva } from 'class-variance-authority';

/**
 * GlassCard CVA variant definitions.
 * All tokens reference var(--color-glass-*) / var(--radius-*) / var(--shadow-*).
 */
export const glassCardVariants = cva(
  ['rounded-xl', 'border border-glass-border-white', 'backdrop-blur-[var(--glass-blur-md)]'],
  {
    variants: {
      /** Visual tone: `primary` is blue-tinted (hero stats), `surface` is white-tinted (sidebar/modal) */
      tone: {
        primary: ['bg-glass-bg-primary-medium', 'shadow-[var(--shadow-glass-primary)]'],
        surface: ['bg-surface-glass', 'shadow-[var(--shadow-glass)]'],
      },
      padding: {
        sm: 'p-3',
        md: 'p-5',
        lg: 'p-8',
      },
      align: {
        start: 'text-start',
        center: 'text-center',
        end: 'text-end',
      },
    },
    defaultVariants: {
      tone: 'primary',
      padding: 'md',
      align: 'center',
    },
  },
);