/* Etude design tokens: :root custom properties only, linked first by every shell. */

:root {
    --rq-bg:            #05050e;
    --rq-bg-raised:     #0b0b18;
    --rq-bg-card:       #080812;
    --rq-border:        #1c1c30;
    --rq-border-subtle: #101020;

    --rq-text:          #d0d0e0;
    --rq-text-dim:      #787890;
    --rq-text-muted:    #3a3a55;

    --rq-accent:        #7B68EE;
    --rq-accent-dim:    #4a3ab0;
    --rq-accent-glow:   #7B68EE55;
    --rq-teal:          #00CED1;
    --rq-teal-glow:     #00CED155;
    --rq-green:         #39FF14;
    --rq-green-muted:   #1a3d1a;
    --rq-green-glow:    #39FF1430;
    --rq-red:           #ff3040;
    --rq-red-muted:     #3a0a0a;
    --rq-red-glow:      #ff304030;
    --rq-gold:          #FFD700;
    --rq-gold-dim:      #4a4a1a;
    --rq-gold-glow:     #FFD70040;

    --rq-spade:   #e0e0ee;
    --rq-heart:   #ff3040;
    --rq-diamond: #4db8ff;
    --rq-club:    #50fa7b;

    --rq-font-mono:    'JetBrains Mono', 'Courier New', monospace;
    --rq-font-display: 'Crimson Pro', Georgia, serif;

    --rq-gap: 16px;
    --rq-radius: 8px;
    --rq-radius-lg: 14px;
    --rq-radius-xl: 20px;

    --rq-ease: cubic-bezier(0.34, 1.56, 0.64, 1);
    --rq-ease-snap: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    --rq-duration: 0.25s;
}

:root {
    --ui-accent:       var(--rq-accent);
    --ui-accent-glow:  var(--rq-accent-glow);
    --ui-accent-dim:   rgba(123, 104, 238, 0.12);
    --ui-accent-bright: #9B88FF;

    --ui-bg:           var(--rq-bg);
    --ui-bg-raised:    var(--rq-bg-raised);
    --ui-bg-card:      var(--rq-bg-card);
    --ui-border:       var(--rq-border);
    --ui-text:         var(--rq-text);
    --ui-text-dim:     var(--rq-text-dim);
    --ui-text-narrative: #d4c8a8;

    --ui-harmony:  #F5A623;
    --ui-logic:    #4FC3F7;
    --ui-memory:   #AB47BC;
    --ui-will:     #EF5350;

    --ui-panel-bg: linear-gradient(
        135deg,
        #12121e 0%,
        #0b0b18 100%
    );

    --ui-wave-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 8'%3E%3Cpath d='M0 4 Q25 0 50 4 Q75 8 100 4 Q125 0 150 4 Q175 8 200 4' fill='none' stroke='%237B68EE' stroke-width='1' opacity='0.3'/%3E%3C/svg%3E");
}