/* 
    This file is an example of how to define custom properties in CSS.
    You can use this file as a reference to create your own custom properties.
    To use this file, you must rename it to vars.css
*/

@property --main-color{
    syntax: "<color>";
    inherits: false;
    initial-value: #AE5047;
} 

@property --main-color-half{
    syntax: "<color>";
    inherits: false;
    initial-value: #AE504750;
} 
@property --main-color-darker{
    syntax:"<color>";
    inherits:flase;
    initial-value:#723129;
}
 
@property --dark-blue{
    syntax: "<color>";
    inherits: false;
    initial-value: #AE5047;
}
@property --button-color{
    syntax: "<color>";
    inherits: false;
    initial-value: #ffce32;}

@property --background-color {
    syntax: "<color>";
    inherits: false;
    initial-value:#F3F1E9;
}

@property --searchlens-url{
    syntax: "<url>";
    inherits: false;
    initial-value: url('data:image/svg+xml;utf8,<svg fill="none" stroke="%23AE5747" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><circle cx="11" cy="11" r="7"/><line x1="16.5" y1="16.5" x2="21" y2="21" stroke-linecap="round"/></svg>');
}

@property --external-url{
    syntax: "<url>";
    inherits: false;
    initial-value: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224px%22%20fill%3D%22%231f1f1f%22%3E%3Cpath%20d%3D%22M200-120q-33%200-56.5-23.5T120-200v-560q0-33%2023.5-56.5T200-840h280v80H200v560h560v-280h80v280q0%2033-23.5%2056.5T760-120H200Zm188-212-56-56%20372-372H560v-80h280v280h-80v-144L388-332Z%22%2F%3E%3C%2Fsvg%3E');
}
@property --external-url-rosange{
    syntax: "<url>";
    inherits: false;
    initial-value: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224px%22%20fill%3D%22%23ae5047%22%3E%3Cpath%20d%3D%22M200-120q-33%200-56.5-23.5T120-200v-560q0-33%2023.5-56.5T200-840h280v80H200v560h560v-280h80v280q0%2033-23.5%2056.5T760-120H200Zm188-212-56-56%20372-372H560v-80h280v280h-80v-144L388-332Z%22%2F%3E%3C%2Fsvg%3E');
}
@property --external-url-white{
    syntax: "<url>";
    inherits: false;
    initial-value: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224px%22%20fill%3D%22%23ffffff%22%3E%3Cpath%20d%3D%22M200-120q-33%200-56.5-23.5T120-200v-560q0-33%2023.5-56.5T200-840h280v80H200v560h560v-280h80v280q0%2033-23.5%2056.5T760-120H200Zm188-212-56-56%20372-372H560v-80h280v280h-80v-144L388-332Z%22%2F%3E%3C%2Fsvg%3E');
}