/* Palette shared by the guest gallery and the admin. One source of truth: change a value here and both
   move together. The invitation predates these and keeps its literal colours in app.css. */

:root {
    --teal: #037779;
    --teal-dark: #005759;
    --mint: #CAE6E6;
    --mint-tint: #e8f3f2;
    --mint-tint-2: #f4f9f8;
    --ink: #34495e;
    --muted: #7f8c8d;
    --muted-light: #b9c4c4;
    --hairline: #ecf0f1;
    --border: #dfe6e6;
    --border-light: #e4ecec;
    --row-divider: #f4f7f7;
    --row-hover: #fcfefe;
    --page-bg: #f2f5f5;
    --surface: #ffffff;
    --star-gold: #f3c96b;
    /* Rating distribution bars in the admin statistics. */
    --bar-empty: #dbe6e6;
    --bar-mid: #9ec9c6;
    --bar-full: #037779;
    --lightbox-bg: #0b0f10;
    /* The lightbox has no pills any more: these two gradients are what the controls are read against. */
    --lightbox-scrim-top: linear-gradient(180deg, rgba(0,0,0,.62), rgba(0,0,0,.28) 55%, rgba(0,0,0,0));
    --lightbox-scrim-bottom: linear-gradient(0deg, rgba(0,0,0,.72), rgba(0,0,0,.34) 45%, rgba(0,0,0,0));
    --lightbox-scrim-shadow: 0 1px 3px rgba(0,0,0,.5);
    --lightbox-panel-bg: #141a1b;
    --dark-bar: #12191a;
    --dashed-border: #cfdcdb;
    --skeleton-bar: #e7eeee;
    --skeleton-stripe: repeating-linear-gradient(135deg, #dceae9 0 7px, #edf4f3 7px 14px);
    --display-font: 'Sirivennela', sans-serif;
    --body-font: 'Gotu', Tahoma, Geneva, Verdana, sans-serif;
}