/* ARASAL / آراسال | brand theme | #D7B56D sampled from supplied logo. */
:root, :host {
  --arasal-gold: #D7B56D;
  --arasal-ink: #100E0C;
  --arasal-bronze: #91621D;
  --arasal-cream: #FCFAF5;
  --color-primary-50: #FFFCF5;
  --color-primary-100: #FCF4E3;
  --color-primary-200: #F4E3BE;
  --color-primary-300: #E7CD94;
  --color-primary-400: #D7B56D;
  --color-primary-500: #91621D;
  --color-primary-600: #80571B;
  --color-primary-700: #704819;
  --color-primary-800: #4D341A;
  --color-primary-900: #2D2116;
  --color-primary-950: #17120E;
  --color-blue-50: #FFFCF5;
  --color-blue-100: #FCF4E3;
  --color-blue-200: #F4E3BE;
  --color-blue-300: #E7CD94;
  --color-blue-400: #D7B56D;
  --color-blue-500: #91621D;
  --color-blue-600: #80571B;
  --color-blue-700: #704819;
  --color-blue-800: #4D341A;
  --color-blue-900: #2D2116;
  --color-blue-950: #17120E;
  --color-indigo-50: #FFFCF5;
  --color-indigo-100: #FCF4E3;
  --color-indigo-200: #F4E3BE;
  --color-indigo-300: #E7CD94;
  --color-indigo-400: #D7B56D;
  --color-indigo-500: #91621D;
  --color-indigo-600: #80571B;
  --color-indigo-700: #704819;
  --color-indigo-800: #4D341A;
  --color-indigo-900: #2D2116;
  --color-indigo-950: #17120E;
  --color-sky-50: #FFFCF5;
  --color-sky-100: #FCF4E3;
  --color-sky-200: #F4E3BE;
  --color-sky-300: #E7CD94;
  --color-sky-400: #D7B56D;
  --color-sky-500: #91621D;
  --color-sky-600: #80571B;
  --color-sky-700: #704819;
  --color-sky-800: #4D341A;
  --color-sky-900: #2D2116;
  --color-sky-950: #17120E;
  --color-cyan-50: #FFFCF5;
  --color-cyan-100: #FCF4E3;
  --color-cyan-200: #F4E3BE;
  --color-cyan-300: #E7CD94;
  --color-cyan-400: #D7B56D;
  --color-cyan-500: #91621D;
  --color-cyan-600: #80571B;
  --color-cyan-700: #704819;
  --color-cyan-800: #4D341A;
  --color-cyan-900: #2D2116;
  --color-cyan-950: #17120E;
  --color-pink-50: #FEFAF2;
  --color-pink-100: #F7EBD6;
  --color-pink-200: #E8D5B3;
  --color-pink-300: #D9B782;
  --color-pink-400: #C29148;
  --color-pink-500: #8B6127;
  --color-pink-600: #784F1D;
  --color-pink-700: #69441C;
  --color-pink-800: #50351B;
  --color-pink-900: #35271B;
  --color-pink-950: #231B15;
  --color-rose-50: #FEFAF2;
  --color-rose-100: #F7EBD6;
  --color-rose-200: #E8D5B3;
  --color-rose-300: #D9B782;
  --color-rose-400: #C29148;
  --color-rose-500: #8B6127;
  --color-rose-600: #784F1D;
  --color-rose-700: #69441C;
  --color-rose-800: #50351B;
  --color-rose-900: #35271B;
  --color-rose-950: #231B15;
  --color-purple-50: #FEFAF2;
  --color-purple-100: #F7EBD6;
  --color-purple-200: #E8D5B3;
  --color-purple-300: #D9B782;
  --color-purple-400: #C29148;
  --color-purple-500: #8B6127;
  --color-purple-600: #784F1D;
  --color-purple-700: #69441C;
  --color-purple-800: #50351B;
  --color-purple-900: #35271B;
  --color-purple-950: #231B15;
  --color-violet-50: #FEFAF2;
  --color-violet-100: #F7EBD6;
  --color-violet-200: #E8D5B3;
  --color-violet-300: #D9B782;
  --color-violet-400: #C29148;
  --color-violet-500: #8B6127;
  --color-violet-600: #784F1D;
  --color-violet-700: #69441C;
  --color-violet-800: #50351B;
  --color-violet-900: #35271B;
  --color-violet-950: #231B15;
  --color-secondary-50: #FCFAF5;
  --color-secondary-100: #F3ECE0;
  --color-secondary-200: #E4D8C4;
  --color-secondary-300: #D5C19E;
  --color-secondary-400: #A78D6A;
  --color-secondary-500: #46372A;
  --color-secondary-600: #33271F;
  --color-secondary-700: #2A211B;
  --color-secondary-800: #211B16;
  --color-secondary-900: #191512;
  --color-secondary-950: #100E0C;
  --color-gray-50: #FCFBF8;
  --color-gray-100: #F6F3ED;
  --color-gray-200: #E9E4DB;
  --color-gray-300: #D8D0C4;
  --color-gray-400: #A89F92;
  --color-gray-500: #756F66;
  --color-gray-600: #575149;
  --color-gray-700: #403C36;
  --color-gray-800: #2C2925;
  --color-gray-900: #211F1C;
  --color-gray-950: #151310;
  --color-zinc-50: #FBFAF7;
  --color-zinc-100: #F2EFE9;
  --color-zinc-200: #E6E1D8;
  --color-zinc-300: #D7D0C6;
  --color-zinc-400: #A6A097;
  --color-zinc-500: #76716B;
  --color-zinc-600: #55504A;
  --color-zinc-700: #403A35;
  --color-zinc-800: #2C2824;
  --color-zinc-900: #201D1B;
  --color-zinc-950: #141210;
  --color-slate-50: #FBFAF7;
  --color-slate-100: #F2EFE9;
  --color-slate-200: #E6E1D8;
  --color-slate-300: #D7D0C6;
  --color-slate-400: #A6A097;
  --color-slate-500: #76716B;
  --color-slate-600: #55504A;
  --color-slate-700: #403A35;
  --color-slate-800: #2C2824;
  --color-slate-900: #201D1B;
  --color-slate-950: #141210;
  --color-amber-50: #FFFBEF;
  --color-amber-100: #FBF0D3;
  --color-amber-200: #F1DBA9;
  --color-amber-300: #E5C780;
  --color-amber-400: #D7B56D;
  --color-amber-500: #BB9047;
  --color-amber-600: #976C2C;
  --color-amber-700: #765221;
  --color-amber-800: #553B1D;
  --color-amber-900: #37291A;
  --color-amber-950: #221B14;
  --color-yellow-50: #FFFBEF;
  --color-yellow-100: #FBF0D3;
  --color-yellow-200: #F1DBA9;
  --color-yellow-300: #E5C780;
  --color-yellow-400: #D7B56D;
  --color-yellow-500: #BB9047;
  --color-yellow-600: #976C2C;
  --color-yellow-700: #765221;
  --color-yellow-800: #553B1D;
  --color-yellow-900: #37291A;
  --color-yellow-950: #221B14;
  --color-orange-50: #FEFAF2;
  --color-orange-100: #F7EBD6;
  --color-orange-200: #E8D5B3;
  --color-orange-300: #D9B782;
  --color-orange-400: #C29148;
  --color-orange-500: #8B6127;
  --color-orange-600: #784F1D;
  --color-orange-700: #69441C;
  --color-orange-800: #50351B;
  --color-orange-900: #35271B;
  --color-orange-950: #231B15;
  --color-primary: #91621D;
  --color-secondary: #46372A;
  --color-custom-light: #F8F5ED;
  --color-custom-dark: #191512;
}
html { color-scheme: light; }
html.dark { color-scheme: dark; }
body { background: var(--arasal-cream); }
body.dark, .dark body { background: var(--arasal-ink); }
::selection { background: #D7B56D7A; color: #17120E; }
/* Soft off-white in light mode and charcoal in dark mode, no blue cast. */
.glass-header { background-color: rgba(252,250,245,.89); }
.dark .glass-header { background-color: rgba(25,21,18,.89); }
/* Keep the uploaded logo visible against both light and dark surfaces. */
.arasal-brand-logo { object-fit: contain; object-position: center; flex-shrink: 0; }
header .arasal-brand-logo { width: auto; max-width: 158px; height: 57px; }
@media (max-width: 640px) { header .arasal-brand-logo { max-width: 124px; height: 48px; } }
.arasal-footer-logo { width: 176px; height: auto; max-width: 100%; object-fit: contain; }
/* Original logo is dark, provide a gentle brand-gold frame in night mode. */
.dark .arasal-brand-logo { background: #D7B56D; border-radius: 12px; padding: 3px 8px; }
.dark .arasal-footer-logo { background: #D7B56D; border-radius: 18px; padding: 9px; }