/* myturtle.cc — THEME (per-site): palette, fonts, page background. The shared
   app.css/auth.css consume these semantic vars; override them per site
   (myrabbit/mybird) to re-skin everything. Turtle palette: mossy green brand,
   tortoiseshell-amber accent. */

:root {
    /* brand ramp — mossy green */
    --brand-deep:    #14342a;
    --brand:         #2d6a4f;
    --brand-mid:     #40916c;
    --brand-light:   #52b788;
    --brand-lighter: #74c69d;
    --brand-wash:    #dcf2e3;
    /* accent ramp — tortoiseshell amber */
    --accent-deep:   #5a3a1b;
    --accent-mid:    #9c6b3f;
    --accent:        #c8843f;
    --accent-bright: #e8b06a;
    --accent-soft:   #e4c79a;
    /* paper / ink */
    --paper:      #fbf4e4;
    --paper-2:    #f4ead2;
    --card:       #fffdf7;
    --ink:        #2a2114;
    --ink-soft:   #715f45;
    --ink-faint:  #a2906f;
    --line:       #e6d8bd;
    /* status */
    --ok:         #2d6a4f;
    --warn:       #b4690e;
    --danger:     #a23b2d;

    --shadow-sm: 0 1px 2px rgba(42,33,20,.06), 0 3px 10px rgba(42,33,20,.05);
    --shadow-md: 0 2px 6px rgba(42,33,20,.10), 0 12px 30px rgba(42,33,20,.10);
    --shadow-lg: 0 8px 18px rgba(42,33,20,.14), 0 28px 60px rgba(42,33,20,.16);

    --r-lg: 1.4rem;
    --r-md: .9rem;
    --r-sm: .55rem;

    --display: 'Fraunces', 'DM Serif Display', Georgia, serif;
    --body:    'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

body {
    font-family: var(--body);
    color: var(--ink);
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    min-height: 100vh;
    background-color: var(--paper);
    /* layered atmosphere: warm radial glow + faint hexagon scute field */
    background-image:
        radial-gradient(ellipse 70% 55% at 50% -10%, rgba(116,198,157,.30) 0%, transparent 60%),
        radial-gradient(ellipse 55% 45% at 100% 100%, rgba(200,132,63,.16) 0%, transparent 55%),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='96' viewBox='0 0 56 96'%3E%3Cg fill='none' stroke='%232d6a4f' stroke-opacity='.06' stroke-width='1.4'%3E%3Cpath d='M28 1 53 15.5V44.5L28 59 3 44.5V15.5z'/%3E%3Cpath d='M28 48 53 62.5V91.5L28 106 3 91.5V62.5z' transform='translate(0 -11)'/%3E%3C/g%3E%3C/svg%3E");
    background-attachment: fixed, fixed, scroll;
}