<?xml version="1.0" encoding="utf-8"?>
<resources>

    <!-- Alias to the palette colors
      Source: https://www.figma.com/file/X4XTH9iS2KGJ2wFKDqkyed/Compound?node-id=1521%3A23026 -->

    <color name="element_accent_light">@color/palette_element_green</color>
    <color name="element_accent_dark">@color/palette_element_green</color>

    <color name="element_alert_light">@color/palette_vermilion</color>
    <color name="element_alert_dark">@color/palette_vermilion</color>

    <color name="element_link_light">@color/palette_links</color>
    <color name="element_link_dark">@color/palette_links</color>

    <!-- attr for content colors -->
    <attr name="vctr_content_primary" format="color" />
    <attr name="vctr_content_secondary" format="color" />
    <attr name="vctr_content_tertiary" format="color" />
    <attr name="vctr_content_quaternary" format="color" />
    <attr name="vctr_content_quinary" format="color" />

    <color name="element_content_primary_light">@color/palette_black_900</color>
    <color name="element_content_secondary_light">@color/palette_gray_200</color>
    <color name="element_content_tertiary_light">@color/palette_gray_150</color>
    <color name="element_content_quaternary_light">@color/palette_gray_100</color>
    <color name="element_content_quinary_light">@color/palette_gray_50</color>

    <color name="element_content_primary_dark">@color/palette_white</color>
    <color name="element_content_secondary_dark">@color/palette_gray_250</color>
    <color name="element_content_tertiary_dark">@color/palette_gray_300</color>
    <color name="element_content_quaternary_dark">@color/palette_gray_400</color>
    <color name="element_content_quinary_dark">@color/palette_gray_450</color>

    <attr name="vctr_system" format="color" />
    <color name="element_system_light">@color/palette_gray_25</color>
    <color name="element_system_dark">@color/palette_black_950</color>

    <color name="element_background_light">@color/palette_white</color>
    <color name="element_background_dark">@color/palette_black_800</color>
    <color name="element_background_black">@android:color/black</color>

    <color name="element_name_01">@color/palette_azure</color>
    <color name="element_name_02">@color/palette_grape</color>
    <color name="element_name_03">@color/palette_verde</color>
    <color name="element_name_04">@color/palette_polly</color>
    <color name="element_name_05">@color/palette_melon</color>
    <color name="element_name_06">@color/palette_aqua</color>
    <color name="element_name_07">@color/palette_prune</color>
    <color name="element_name_08">@color/palette_kiwi</color>

    <!-- Also create alias for rooms -->
    <color name="element_room_01">@color/palette_verde</color>
    <color name="element_room_02">@color/palette_azure</color>
    <color name="element_room_03">@color/palette_grape</color>
</resources>