/* Uğra: the shared look of every Uğra screen (cafe app, customer app, firm panel, booking page).
   Colours of İznik tiles and a glass of tea; Bricolage Grotesque for headings and numbers, Onest for reading.
   Both fonts: SIL Open Font License (fonts/OFL-*.txt). */

@font-face { font-family: "Bricolage"; font-weight: 200 800; font-display: swap; src: url(fonts/bricolage-latin.woff2) format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Bricolage"; font-weight: 200 800; font-display: swap; src: url(fonts/bricolage-latin-ext.woff2) format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Onest"; font-weight: 100 900; font-display: swap; src: url(fonts/onest-latin.woff2) format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Onest"; font-weight: 100 900; font-display: swap; src: url(fonts/onest-latin-ext.woff2) format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }

:root {
    /* İznik */
    --u-ink: #13203f;        /* text, dark bars */
    --u-cini: #2445a8;       /* main actions, links, the brand */
    --u-cini-soft: #e4eafb;
    --u-turkuaz: #0e9f9a;    /* open, live, done */
    --u-turkuaz-soft: #dcf4f2;
    /* tea */
    --u-cay: #e69a28;        /* points, XP, rewards, "needs a look" */
    --u-cay-soft: #fcefd9;
    --u-kirmizi: #c4372b;    /* errors, did not come, cancelled */
    --u-kirmizi-soft: #f9e1de;
    /* paper */
    --u-kagit: #f2f5fa;      /* page */
    --u-yuzey: #ffffff;      /* cards, sheets */
    --u-cizgi: #d9e0ec;      /* borders */
    --u-soluk: #5a6683;      /* secondary text */

    --u-baslik: "Bricolage", "Segoe UI", system-ui, sans-serif;
    --u-metin: "Onest", "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;

    --u-r-kart: 14px;
    --u-r-oge: 10px;
}

/* The wordmark: "uğra" in small letters; the breve over the ğ is a glass of tea's rim, in tea colour */
.u-wordmark { font-family: var(--u-baslik); font-weight: 800; letter-spacing: -0.03em; line-height: 1; white-space: nowrap; }
.u-wordmark .g { position: relative; display: inline-block; }
.u-wordmark .g::before {
    content: ""; position: absolute; left: 50%; top: -0.08em; width: 0.4em; height: 0.16em; transform: translateX(-50%);
    border: 0.085em solid var(--u-cay); border-top: 0; border-radius: 0 0 1em 1em;
}