/* Design tokens — "Doux" light theme. Every colour, radius and shadow used by
   the interface comes from here. A dark theme would redefine the first block. */

:root {
    --bg:            #eceee8;
    --surface:       #ffffff;
    --surface-2:     #f4f5f1;
    --line:          #eef0ec;
    --line-strong:   #dfe2db;

    --ink:           #1c2420;
    --ink-2:         #5c6660;
    --ink-3:         #68716b;

    --accent:        #2f7d62;
    --accent-soft:   #dff1e6;
    --accent-ink:    #175c41;

    --down-soft:     #fde9e3;
    --down-ink:      #b0432c;
    --warm:          #efa585;

    --peach:         #fdebdf;
    --peach-ink:     #9a4317;
    --lilac:         #e9e6f7;
    --lilac-ink:     #45389b;
    --sky:           #e1ebfd;
    --sky-ink:       #2a4fa8;
    --rose:          #fde3ee;
    --rose-ink:      #a12a5e;
    --butter:        #fbf0c9;
    --butter-ink:    #7a5a05;

    --scrim:         rgba(20, 24, 26, 0.38);
    --shadow-card:   0 1px 2px rgba(28, 36, 32, 0.04), 0 14px 30px -22px rgba(28, 36, 32, 0.3);
    --shadow-float:  0 10px 30px -12px rgba(28, 36, 32, 0.4);
}

:root {
    --font:      "Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;

    --r-card:    24px;
    --r-tile:    20px;
    --r-input:   14px;
    --r-pill:    999px;

    --gutter:    16px;
    --tabbar-h:  66px;
    --ease:      cubic-bezier(0.2, 0.8, 0.2, 1);
}