/* Light theme color tokens. */

:root{
    /* Colors */
    --bg:#f5f5f7;
    --surface:#fefefe;
    --surface2:#f0f2f5;
    --border:#d9d9de;
    --divider:#e8e8ed;

    --text:#1c1c1e;
    --text2:#55555c;
    --text3:#8a8a90;

    --primary:#007aff;
    --primary-dark:#0060d4;
    --success:#34c759;
    --warning:#ffcc00;
    --danger:#ff3b30;

    --shadow:0 4px 18px rgba(0,0,0,.08);

    /* Radii */
    --radius-xs:6px;
    --radius-sm:10px;
    --radius:16px;
    --radius-lg:22px;
    --radius-xl:30px;

    /* Layout */
    --nav-height:50px;
    --toolbar-height:54px;
    --bottom-height:78px;

    /* Typography */
    --font:-apple-system,
           BlinkMacSystemFont,
           "Segoe UI",
           Roboto,
           Helvetica,
           Arial,
           sans-serif;

    /* Transitions */
    --transition:180ms ease;

    /* Gallery */
    --gallery-gap:3px;
    --gallery-radius:16px;
    --gallery-bg:#f2f2f7;
    --gallery-card:#ffffff;
    --gallery-shadow:0 2px 8px rgba(0,0,0,.08);
    --gallery-text:#111111;
    --gallery-sub:#7a7a7a;
    --gallery-blue:#007aff;
    --gallery-green:#34c759;
    --gallery-yellow:#ffcc00;
    --gallery-red:#ff3b30;
    --gallery-placeholder:#d1d1d6;

    /* UI helpers */
    --input-bg:#f3f3f3;
    --chat-bg:#efeae2;
    --overlay-dark:rgba(0,0,0,.4);
    --overlay-light:rgba(255,255,255,.18);
    --overlay-gray:rgba(176,176,176,0.5);
    --disabled-bg:#d1d1d6;
    --disabled-text:#8e8e93;
    --danger-text:#c00;
    --link:#1976d2;
    --error-text:#333;
    --success-text:#000;
    --selected-bg:#dbeeff;
    --pressed-bg:#f2f2f7;
    --nav-bg:#f0f0f0;
    --nav-bg-alpha:rgba(240,240,240,0.63);
    --menu-bg:#fdfdfd;
    --menu-border:#d8d8dc;
    --item-active-bg:#ececec;
    --warning-bg:#ffd95a;
    --gallery-border:#e5e5e5;
    --overlay-medium:rgba(128,128,128,.5);
    --overlay-strong:rgba(0,0,0,.55);
    --text-inverse:#222222;
    --separator:var(--divider);
}