tripz-llc/dashboards/admin/lib/constant/style.dart

import 'package:flutter/material.dart';
import 'package:google_fonts/google_fonts.dart';

import 'colors.dart';

class AppStyle {
  AppStyle._();

  // ─── Static typography (dark mode defaults, backward compatible) ───────────

  static TextStyle display = GoogleFonts.inter(
    fontWeight: FontWeight.w800,
    fontSize: 32,
    color: AppColor.textPrimary,
    letterSpacing: -1,
  );

  static TextStyle headTitle = GoogleFonts.cairo(
    fontWeight: FontWeight.bold,
    fontSize: 24,
    color: AppColor.textPrimary,
  );

  static TextStyle title = GoogleFonts.inter(
    fontWeight: FontWeight.w600,
    fontSize: 16,
    color: AppColor.textPrimary,
  );

  static TextStyle subtitle = GoogleFonts.inter(
    fontWeight: FontWeight.w500,
    fontSize: 14,
    color: AppColor.textSecondary,
  );

  static TextStyle body = GoogleFonts.inter(
    fontWeight: FontWeight.normal,
    fontSize: 14,
    color: AppColor.textPrimary,
  );

  static TextStyle caption = GoogleFonts.inter(
    fontWeight: FontWeight.w400,
    fontSize: 12,
    color: AppColor.textMuted,
  );

  static TextStyle number = GoogleFonts.jetBrainsMono(
    fontWeight: FontWeight.bold,
    fontSize: 15,
    color: AppColor.accent,
  );

  // ─── Context-aware typography (adapts to theme) ───────────────────────────

  static TextStyle displayFor(BuildContext context) => GoogleFonts.inter(
        fontWeight: FontWeight.w800,
        fontSize: 32,
        color: Theme.of(context).colorScheme.onSurface,
        letterSpacing: -1,
      );

  static TextStyle headTitleFor(BuildContext context) => GoogleFonts.cairo(
        fontWeight: FontWeight.bold,
        fontSize: 24,
        color: Theme.of(context).colorScheme.onSurface,
      );

  static TextStyle titleFor(BuildContext context) => GoogleFonts.inter(
        fontWeight: FontWeight.w600,
        fontSize: 16,
        color: Theme.of(context).colorScheme.onSurface,
      );

  static TextStyle subtitleFor(BuildContext context) => GoogleFonts.inter(
        fontWeight: FontWeight.w500,
        fontSize: 14,
        color: Theme.of(context).colorScheme.onSurfaceVariant,
      );

  static TextStyle bodyFor(BuildContext context) => GoogleFonts.inter(
        fontWeight: FontWeight.normal,
        fontSize: 14,
        color: Theme.of(context).colorScheme.onSurface,
      );

  static TextStyle captionFor(BuildContext context) => GoogleFonts.inter(
        fontWeight: FontWeight.w400,
        fontSize: 12,
        color: Theme.of(context).colorScheme.onSurfaceVariant.withValues(alpha: 0.6),
      );

  static TextStyle numberFor(BuildContext context) => GoogleFonts.jetBrainsMono(
        fontWeight: FontWeight.bold,
        fontSize: 15,
        color: Theme.of(context).colorScheme.primary,
      );

  // ─── Context-aware decorations ────────────────────────────────────────────

  static BoxDecoration cardDecorationFor(BuildContext context) {
    final cs = Theme.of(context).colorScheme;
    return BoxDecoration(
      color: cs.surface,
      borderRadius: BorderRadius.circular(16),
      border: Border.all(color: cs.outline, width: 1),
      boxShadow: [
        BoxShadow(
          color: cs.shadow.withValues(alpha: context.isDark ? 0.4 : 0.05),
          blurRadius: 20,
          offset: const Offset(0, 8),
        ),
      ],
    );
  }

  static BoxDecoration elevatedCardFor(BuildContext context) {
    final cs = Theme.of(context).colorScheme;
    return BoxDecoration(
      color: cs.surfaceContainerHighest,
      borderRadius: BorderRadius.circular(20),
      border: Border.all(
        color: cs.primary.withValues(alpha: context.isDark ? 0.3 : 0.2),
        width: 1,
      ),
    );
  }

  static BoxDecoration glassDecorationFor(BuildContext context) {
    final cs = Theme.of(context).colorScheme;
    return BoxDecoration(
      color: cs.surface.withValues(alpha: context.isDark ? 0.8 : 0.9),
      borderRadius: BorderRadius.circular(24),
      border: Border.all(color: cs.outline, width: 1),
    );
  }

  // ─── Legacy static decorations ────────────────────────────────────────────

  static BoxDecoration cardDecoration = BoxDecoration(
    color: AppColor.surface,
    borderRadius: BorderRadius.circular(16),
    border: Border.all(color: AppColor.divider, width: 1),
    boxShadow: const [
      BoxShadow(
        color: AppColor.cardShadow,
        blurRadius: 20,
        offset: Offset(0, 8),
      ),
    ],
  );

  static BoxDecoration elevatedCard = BoxDecoration(
    color: AppColor.surfaceElevated,
    borderRadius: BorderRadius.circular(20),
    border: Border.all(color: AppColor.accentBorder, width: 1),
  );

  static BoxDecoration glassDecoration = BoxDecoration(
    color: AppColor.surfaceGlass,
    borderRadius: BorderRadius.circular(24),
    border: Border.all(color: AppColor.divider, width: 1),
  );

  // ─── Legacy Mappings ─────────────────────────────────────────────────────
  static TextStyle headTitle2 = headTitle;
  static BoxDecoration boxDecoration = cardDecoration;
  static BoxDecoration boxDecoration1 = elevatedCard;
}

extension _Brightness on BuildContext {
  bool get isDark => Theme.of(this).brightness == Brightness.dark;
}