import 'package:flutter/material.dart';

/// [Constants] defines some constants for our app, to ensure a uniform style
/// across all widgets. we should reuse the constants defined here when ever
/// possible.
class Constants {
  static const brightness = Brightness.dark;
  static const primary = Color(0xff49d3b4);
  static const onPrimary = Color(0xff1f2229);
  static const secondary = Color(0xff353a46);
  static const onSecondary = Color(0xffe2e4e9);
  static const error = Color(0xffde4A40);
  static const onError = Color(0xffe2e4e9);
  static const background = Color(0xff1f2229);
  static const onBackground = Color(0xffe2e4e9);
  static const surface = Color(0xff353a46);
  static const onSurface = Color(0xffe2e4e9);
  static const canvasColor = Color(0xff1f2229);
  static const appBarBackgroundColor = Colors.transparent;
  static const appBarElevation = 0.0;
  static const scrolledUnderElevation = 0.0;

  static const secondaryTextColor = Color(0xff9aa1b2);

  static const dividerColor = Color(0xff2a2e38);
  static const backgroundContainerBackgroundColor = Color(0xff14161a);

  static const breakpoint = 600.0;
  static const columnWidth = 352.0;
  static const columnSpacing = 4.0;
  static const centeredFormMaxWidth = 500.0;
  static const centeredFormLogoSize = 128.0;

  static const spacingExtraSmall = 4.0;
  static const spacingSmall = 8.0;
  static const spacingMiddle = 16.0;
  static const spacingLarge = 32.0;
  static const spacingExtraLarge = 64.0;

  static const elevatedButtonSize = 54.0;
}
