<Application xmlns="https://github.com/avaloniaui"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             x:Class="Lumi.Companion.App.App"
             RequestedThemeVariant="Light">
  <Application.Resources>
    <Color x:Key="LumiInk">#182026</Color>
    <Color x:Key="LumiMuted">#5A6872</Color>
    <Color x:Key="LumiSea">#176B75</Color>
    <Color x:Key="LumiSun">#E58B2B</Color>
    <Color x:Key="LumiSuccess">#23845B</Color>
    <Color x:Key="LumiWarning">#A96612</Color>
    <Color x:Key="LumiDanger">#BD4D4D</Color>
    <SolidColorBrush x:Key="LumiTextBrush" Color="{DynamicResource LumiInk}" />
    <SolidColorBrush x:Key="LumiMutedBrush" Color="{DynamicResource LumiMuted}" />
    <SolidColorBrush x:Key="LumiPrimaryBrush" Color="{DynamicResource LumiSea}" />
    <SolidColorBrush x:Key="LumiAccentBrush" Color="{DynamicResource LumiSun}" />
    <SolidColorBrush x:Key="LumiSuccessBrush" Color="{DynamicResource LumiSuccess}" />
    <SolidColorBrush x:Key="LumiWarningBrush" Color="{DynamicResource LumiWarning}" />
    <SolidColorBrush x:Key="LumiDangerBrush" Color="{DynamicResource LumiDanger}" />
    <SolidColorBrush x:Key="LumiSurfaceBrush" Color="#FFFFFF" />
    <SolidColorBrush x:Key="LumiSubtleBrush" Color="#F4F7F8" />
    <SolidColorBrush x:Key="LumiBorderBrush" Color="#D8E0E3" />
  </Application.Resources>
  <Application.Styles>
    <FluentTheme />
    <Style Selector="Window">
      <Setter Property="FontFamily" Value="Inter" />
      <Setter Property="Background" Value="{DynamicResource LumiSurfaceBrush}" />
      <Setter Property="Foreground" Value="{DynamicResource LumiTextBrush}" />
    </Style>
    <Style Selector="TextBlock.eyebrow">
      <Setter Property="FontSize" Value="11" />
      <Setter Property="FontWeight" Value="SemiBold" />
      <Setter Property="Foreground" Value="{DynamicResource LumiMutedBrush}" />
    </Style>
    <Style Selector="TextBlock.pageTitle">
      <Setter Property="FontSize" Value="32" />
      <Setter Property="FontWeight" Value="Bold" />
      <Setter Property="LineHeight" Value="36" />
    </Style>
    <Style Selector="TextBlock.sectionTitle">
      <Setter Property="FontSize" Value="18" />
      <Setter Property="FontWeight" Value="SemiBold" />
    </Style>
    <Style Selector="TextBlock.muted">
      <Setter Property="Foreground" Value="{DynamicResource LumiMutedBrush}" />
      <Setter Property="TextWrapping" Value="Wrap" />
      <Setter Property="LineHeight" Value="21" />
    </Style>
    <Style Selector="Border.card">
      <Setter Property="Background" Value="{DynamicResource LumiSurfaceBrush}" />
      <Setter Property="BorderBrush" Value="{DynamicResource LumiBorderBrush}" />
      <Setter Property="BorderThickness" Value="1" />
      <Setter Property="CornerRadius" Value="14" />
      <Setter Property="Padding" Value="20" />
    </Style>
    <Style Selector="Border.soft">
      <Setter Property="Background" Value="{DynamicResource LumiSubtleBrush}" />
      <Setter Property="CornerRadius" Value="12" />
      <Setter Property="Padding" Value="16" />
    </Style>
    <Style Selector="Button.primary">
      <Setter Property="Background" Value="{DynamicResource LumiPrimaryBrush}" />
      <Setter Property="Foreground" Value="White" />
      <Setter Property="CornerRadius" Value="9" />
      <Setter Property="Padding" Value="18,10" />
      <Setter Property="FontWeight" Value="SemiBold" />
    </Style>
    <Style Selector="Button.secondary">
      <Setter Property="Background" Value="Transparent" />
      <Setter Property="BorderBrush" Value="{DynamicResource LumiBorderBrush}" />
      <Setter Property="BorderThickness" Value="1" />
      <Setter Property="CornerRadius" Value="9" />
      <Setter Property="Padding" Value="16,9" />
    </Style>
    <Style Selector="Expander.pluginRoot">
      <Setter Property="HorizontalAlignment" Value="Stretch" />
      <Setter Property="Margin" Value="0,1" />
    </Style>
    <Style Selector="Button.nav">
      <Setter Property="HorizontalContentAlignment" Value="Left" />
      <Setter Property="Background" Value="Transparent" />
      <Setter Property="BorderThickness" Value="0" />
      <Setter Property="CornerRadius" Value="9" />
      <Setter Property="Padding" Value="13,10" />
      <Setter Property="Margin" Value="0,2" />
    </Style>
    <Style Selector="Button.nav.selected">
      <Setter Property="Background" Value="#DDEEF0" />
      <Setter Property="Foreground" Value="{DynamicResource LumiPrimaryBrush}" />
      <Setter Property="FontWeight" Value="SemiBold" />
    </Style>
    <Style Selector="Button:focus-visible">
      <Setter Property="BorderBrush" Value="{DynamicResource LumiPrimaryBrush}" />
      <Setter Property="BorderThickness" Value="2" />
    </Style>
  </Application.Styles>
</Application>
