<resources>
    <!-- Base application theme. -->
    <style name="Theme.Ecommerce_serang" parent="Theme.Material3.Light.NoActionBar">
        <!-- Primary Color Customization -->
        <item name="colorPrimary">@color/blue_500</item>
        <item name="colorPrimaryVariant">@color/blue_600</item>
        <item name="colorOnPrimary">@color/white</item>

        <!-- Secondary Color Customization -->
        <item name="colorSecondary">@color/blue_500</item>
        <item name="colorSecondaryVariant">@color/blue_600</item>
        <item name="colorOnSecondary">@color/white</item>

        <!-- Surface and Background Colors -->
        <item name="colorSurface">@color/white</item>
        <item name="colorOnSurface">@color/black</item>
        <item name="android:colorBackground">@color/white</item>
<!--        <item name="colorBackground">@color/white</item>-->

        <!-- Container Colors -->
        <item name="colorPrimaryContainer">@color/blue_50</item>
        <item name="colorOnPrimaryContainer">@color/blue_500</item>

        <!-- Status Bar and Navigation Bar -->

        <!-- Remove Content Insets -->
        <item name="android:contentInsetStart">0dp</item>
        <item name="android:contentInsetLeft">0dp</item>

        <!-- Bottom Navigation Specific -->
        <item name="bottomNavigationStyle">@style/Widget.MaterialComponents.BottomNavigationView.Colored</item>
        <item name="bottomAppBarStyle">@style/BottomAppBar</item>


        <!-- Remove Purple Accent Color -->
        <item name="colorAccent">@color/blue_500</item>
        <item name="android:windowTranslucentStatus">true</item>
        <item name="android:windowTranslucentNavigation">true</item>
        <item name="android:windowDrawsSystemBarBackgrounds">true</item>
        <item name="android:statusBarColor">@android:color/transparent</item>
        <item name="android:navigationBarColor">@android:color/transparent</item>
<!--        <item name="android:windowLayoutInDisplayCutoutMode">shortEdges</item>-->

        <item name="android:textViewStyle">@style/body_medium</item>

    </style>

    <!-- Text Styles -->
    <style name="display_large">
        <item name="android:textSize">57sp</item>
        <item name="android:lineSpacingExtra">0.64sp</item>
        <item name="android:letterSpacing">-0.025</item>
        <item name="android:textColor">@color/black</item>
        <item name="android:fontFamily">@font/dmsans_regular</item>
    </style>

    <style name="display_medium">
        <item name="android:textSize">45sp</item>
        <item name="android:lineSpacingExtra">0.52sp</item>
        <item name="android:textColor">@color/black</item>
        <item name="android:fontFamily">@font/dmsans_regular</item>
    </style>

    <style name="display_small">
        <item name="android:textSize">36sp</item>
        <item name="android:lineSpacingExtra">0.44sp</item>
        <item name="android:textColor">@color/black</item>
        <item name="android:fontFamily">@font/dmsans_regular</item>
    </style>

    <style name="headline_large">
        <item name="android:textSize">32sp</item>
        <item name="android:lineSpacingExtra">0.40sp</item>
        <item name="android:textColor">@color/black</item>
        <item name="android:fontFamily">@font/dmsans_regular</item>
    </style>

    <style name="headline_medium">
        <item name="android:textSize">28sp</item>
        <item name="android:lineSpacingExtra">0.36sp</item>
        <item name="android:textColor">@color/black</item>
        <item name="android:fontFamily">@font/dmsans_regular</item>
    </style>

    <style name="headline_small">
        <item name="android:textSize">24sp</item>
        <item name="android:lineSpacingExtra">0.32sp</item>
        <item name="android:textColor">@color/black</item>
        <item name="android:fontFamily">@font/dmsans_regular</item>
    </style>

    <style name="title_large">
        <item name="android:textSize">22sp</item>
        <item name="android:lineSpacingExtra">0.28sp</item>
        <item name="android:textColor">@color/black</item>
        <item name="android:fontFamily">@font/dmsans_regular</item>
    </style>

    <style name="title_medium">
        <item name="android:textSize">16sp</item>
        <item name="android:lineSpacingExtra">0.24sp</item>
        <item name="android:letterSpacing">0.015</item>
        <item name="android:textColor">@color/black</item>
        <item name="android:fontFamily">@font/dmsans_medium</item>
    </style>

    <style name="title_small">
        <item name="android:textSize">14sp</item>
        <item name="android:lineSpacingExtra">0.20sp</item>
        <item name="android:letterSpacing">0.01</item>
        <item name="android:textColor">@color/black</item>
        <item name="android:fontFamily">@font/dmsans_medium</item>
    </style>

    <style name="label_large_prominent">
        <item name="android:textSize">14sp</item>
        <item name="android:lineSpacingExtra">0.20sp</item>
        <item name="android:letterSpacing">0.01</item>
        <item name="android:textColor">@color/black</item>
        <item name="android:fontFamily">@font/dmsans_semibold</item>
    </style>

    <style name="label_large">
        <item name="android:textSize">14sp</item>
        <item name="android:lineSpacingExtra">0.20sp</item>
        <item name="android:letterSpacing">0.01</item>
        <item name="android:textColor">@color/black</item>
        <item name="android:fontFamily">@font/dmsans_medium</item>
    </style>

    <style name="label_medium_prominent">
        <item name="android:textSize">12sp</item>
        <item name="android:lineSpacingExtra">0.16sp</item>
        <item name="android:letterSpacing">0.05</item>
        <item name="android:textColor">@color/black</item>
        <item name="android:fontFamily">@font/dmsans_semibold</item>
    </style>

    <style name="label_medium">
        <item name="android:textSize">12sp</item>
        <item name="android:lineSpacingExtra">0.16sp</item>
        <item name="android:letterSpacing">0.05</item>
        <item name="android:textColor">@color/black</item>
        <item name="android:fontFamily">@font/dmsans_medium</item>
    </style>

    <style name="label_small">
        <item name="android:textSize">11sp</item>
        <item name="android:lineSpacingExtra">0.16sp</item>
        <item name="android:letterSpacing">0.05</item>
        <item name="android:textColor">@color/black</item>
        <item name="android:fontFamily">@font/dmsans_medium</item>
    </style>

    <style name="body_large">
        <item name="android:textSize">16sp</item>
        <item name="android:lineSpacingExtra">0.24sp</item>
        <item name="android:letterSpacing">0.05</item>
        <item name="android:textColor">@color/black</item>
        <item name="android:fontFamily">@font/dmsans_regular</item>
    </style>

    <style name="body_medium">
        <item name="android:textSize">14sp</item>
        <item name="android:lineSpacingExtra">0.20sp</item>
        <item name="android:letterSpacing">0.025</item>
        <item name="android:textColor">@color/black</item>
        <item name="android:fontFamily">@font/dmsans_regular</item>
    </style>

    <style name="body_small">
        <item name="android:textSize">12sp</item>
        <item name="android:lineSpacingExtra">0.16sp</item>
        <item name="android:letterSpacing">0.04</item>
        <item name="android:textColor">@color/black</item>
        <item name="android:fontFamily">@font/dmsans_regular</item>
    </style>

    <!-- Buttons -->

    <style name="button.large" parent="label_large_prominent">
        <item name="android:gravity">center</item>
        <item name="android:layout_height">40dp</item>
        <item name="android:textAllCaps">false</item>
        <item name="backgroundTint">@null</item>
    </style>

        <style name="button.large.active">
            <item name="android:background">@drawable/bg_button_active</item>
            <item name="android:textColor">@color/white</item>
        </style>

            <style name="button.large.active.long">
                <item name="android:layout_width">380dp</item>
            </style>

            <style name="button.large.active.medium">
                <item name="android:layout_width">185dp</item>
            </style>

            <style name="button.large.active.short">
                <item name="android:layout_width">144dp</item>
            </style>

                <style name="button.large.active.short.only_icon">
                    <item name="android:layout_width">40dp</item>
                </style>

        <style name="button.large.secondary">
            <item name="android:background">@drawable/bg_button_secondary</item>
            <item name="android:textColor">@color/blue_500</item>
        </style>

            <style name="button.large.secondary.long">
                <item name="android:layout_width">380dp</item>
            </style>

            <style name="button.large.secondary.medium">
                <item name="android:layout_width">185dp</item>
            </style>

            <style name="button.large.secondary.short">
                <item name="android:layout_width">144dp</item>
            </style>

                <style name="button.large.secondary.short.only_icon">
                    <item name="android:layout_width">40dp</item>
                </style>

        <style name="button.large.disabled">
            <item name="android:background">@drawable/bg_button_disabled</item>
            <item name="android:textColor">@color/black_300</item>
        </style>

            <style name="button.large.disabled.long">
                <item name="android:layout_width">380dp</item>
            </style>

            <style name="button.large.disabled.medium">
                <item name="android:layout_width">185dp</item>
            </style>

            <style name="button.large.disabled.short">
                <item name="android:layout_width">144dp</item>
            </style>

                <style name="button.large.disabled.short.only_icon">
                    <item name="android:layout_width">40dp</item>
                </style>

    <style name="button.small" parent="label_medium_prominent">
        <item name="android:padding">2dp</item>
        <item name="android:layout_height">30dp</item>
        <item name="android:textAllCaps">false</item>
        <item name="backgroundTint">@null</item>
    </style>

        <style name="button.small.active">
            <item name="android:background">@drawable/bg_button_active</item>
            <item name="android:textColor">@color/white</item>
        </style>

            <style name="button.small.active.long">
                <item name="android:layout_width">380dp</item>
            </style>

            <style name="button.small.active.medium">
                <item name="android:layout_width">185dp</item>
            </style>

            <style name="button.small.active.short">
                <item name="android:layout_width">144dp</item>
            </style>

                <style name="button.small.active.short.only_icon">
                    <item name="android:layout_width">40dp</item>
                </style>

        <style name="button.small.secondary">
            <item name="android:background">@drawable/bg_button_secondary</item>
            <item name="android:textColor">@color/blue_500</item>
        </style>

            <style name="button.small.secondary.long">
                <item name="android:layout_width">380dp</item>
            </style>

            <style name="button.small.secondary.medium">
                <item name="android:layout_width">185dp</item>
            </style>

            <style name="button.small.secondary.short">
                <item name="android:layout_width">144dp</item>
            </style>

                <style name="button.small.secondary.short.only_icon">
                    <item name="android:layout_width">40dp</item>
                </style>

        <style name="button.small.disabled">
            <item name="android:background">@drawable/bg_button_disabled</item>
            <item name="android:textColor">@color/black_300</item>
        </style>

            <style name="button.small.disabled.long">
                <item name="android:layout_width">380dp</item>
            </style>

            <style name="button.small.disabled.medium">
                <item name="android:layout_width">185dp</item>
            </style>

            <style name="button.small.disabled.short">
                <item name="android:layout_width">144dp</item>
            </style>

                <style name="button.small.disabled.short.only_icon">
                    <item name="android:layout_width">40dp</item>
                </style>

    <!-- Styles -->

    <style name="circular_image">
        <item name="cornerFamily">rounded</item>
        <item name="cornerSize">50%</item>
    </style>

    <style name="store_product_image">
        <item name="cornerFamily">rounded</item>
        <item name="cornerSize">5dp</item>
    </style>

</resources>