/**
 * Palett: Naturlig grønn
 * Standardstruktur med svak sage-tone  -  tydelige flater, god kontrast.
 */

[data-palette="naturlig-gronn"][data-theme="light"] {
    --bg: #f1f3f2;
    --bg-rgb: 241 243 242;
    --fg-rgb: 24 24 27;
    --fg: #18181b;
    --card-rgb: 255 255 255;
    --card: #ffffff;
    --card-fg-rgb: 24 24 27;
    --card-fg: #18181b;
    --border-rgb: 201 207 204;
    --border-strong-rgb: 182 189 185;
    --border-strong: #b6bdb9;
    --border-hover-rgb: 148 163 154;
    --border-hover: #94a39a;
    --muted-rgb: 243 246 244;
    --muted: #f3f6f4;
    --muted-fg-rgb: 82 98 88;
    --muted-fg: #526258;
    --subtle-fg-rgb: 39 39 42;
    --subtle-fg: #27272a;
    --dim-fg-rgb: 148 163 154;
    --dim-fg: #94a39a;
    --primary-rgb: 77 124 106;
    --primary-hover-rgb: 62 104 88;
    --primary-fg-rgb: 255 255 255;
    --primary-fg: #ffffff;
    --destructive-rgb: 190 75 75;
    --success-rgb: 72 130 98;
    --warning-rgb: 168 138 72;
    --card-bg: #ffffff;
    --card-alpha: rgba(255, 255, 255, 0.94);
    --card-alpha-strong: rgba(255, 255, 255, 0.98);
    --border-alpha: rgba(201, 207, 204, 0.85);
    --border-alpha-light: rgba(201, 207, 204, 0.55);
    --text: #18181b;
    --text-muted: #526258;
    --border: #c9cfcc;
    --border-color: var(--border);
    --primary: #4d7c6a;
    --primary-hover: #3e6858;
    --primary-ui: var(--primary);
    --destructive: #be4b4b;
    --success: #488262;
    --warning: #a88a48;
    --header-bg: #ffffff;
    --input-bg: #ffffff;
    --hover-bg: rgba(24, 24, 27, 0.06);
    --hover-bg-subtle: rgba(24, 24, 27, 0.03);
    --overlay-bg: rgba(24, 24, 27, 0.42);
    --overlay-bg-light: rgba(24, 24, 27, 0.26);
    --primary-alpha: rgba(77, 124, 106, 0.1);
    --primary-alpha-strong: rgba(77, 124, 106, 0.16);
    --destructive-alpha: rgba(190, 75, 75, 0.08);
    --destructive-alpha-strong: rgba(190, 75, 75, 0.14);
    --success-alpha: rgba(72, 130, 98, 0.1);
    --success-alpha-strong: rgba(72, 130, 98, 0.16);
    --warning-alpha: rgba(168, 138, 72, 0.1);
    --shadow: 0 1.6px 3.6px rgba(24, 24, 27, 0.08), 0 0.3px 0.9px rgba(24, 24, 27, 0.06);
    --shadow-hover: 0 6.4px 14.4px rgba(24, 24, 27, 0.09), 0 1.2px 3.6px rgba(24, 24, 27, 0.12);
    --shadow-xl: 0 12px 32px rgba(24, 24, 27, 0.18), 0 2px 8px rgba(24, 24, 27, 0.12);
    --shadow-strong: rgba(24, 24, 27, 0.14);
    --radial-bg: rgba(77, 124, 106, 0.06);
    --radial-bg-accent: transparent;
    --scrollbar-thumb: #cdd8d2;
    --scrollbar-thumb-hover: #a3b5a8;
    --code-bg: rgba(24, 24, 27, 0.04);
}

[data-palette="naturlig-gronn"][data-theme="dark"] {
    --bg: #09090b;
    --bg-rgb: 9 9 11;
    --fg-rgb: 250 250 250;
    --fg: #fafafa;
    --card-rgb: 30 30 35;
    --card: #1e1e23;
    --card-fg-rgb: 250 250 250;
    --card-fg: #fafafa;
    --border-rgb: 58 64 60;
    --border-strong-rgb: 74 82 76;
    --border-strong: #4a524c;
    --border-hover-rgb: 98 108 100;
    --border-hover: #626c64;
    --muted-rgb: 22 22 26;
    --muted: #16161a;
    --muted-fg-rgb: 161 161 170;
    --muted-fg: #a1a1aa;
    --subtle-fg-rgb: 228 228 231;
    --subtle-fg: #e4e4e7;
    --dim-fg-rgb: 113 113 122;
    --dim-fg: #71717a;
    --primary-rgb: 143 185 160;
    --primary-hover-rgb: 163 202 178;
    --primary-fg-rgb: 9 11 10;
    --primary-fg: #090b0a;
    --destructive-rgb: 224 130 130;
    --success-rgb: 118 168 138;
    --warning-rgb: 196 170 108;
    --card-bg: #1e1e23;
    --card-alpha: rgba(30, 30, 35, 0.9);
    --card-alpha-strong: rgba(30, 30, 35, 0.96);
    --border-alpha: rgba(58, 64, 60, 0.62);
    --border-alpha-light: rgba(58, 64, 60, 0.36);
    --text: #fafafa;
    --text-muted: #a1a1aa;
    --border: #3a403c;
    --border-color: var(--border);
    --primary: #8fb9a0;
    --primary-hover: #a3cab2;
    --primary-ui: var(--primary);
    --destructive: #e08282;
    --success: #76a88a;
    --warning: #c4aa6c;
    --header-bg: #1e1e23;
    --input-bg: rgba(0, 0, 0, 0.32);
    --hover-bg: rgba(255, 255, 255, 0.05);
    --hover-bg-subtle: rgba(255, 255, 255, 0.03);
    --overlay-bg: rgba(0, 0, 0, 0.7);
    --overlay-bg-light: rgba(0, 0, 0, 0.5);
    --primary-alpha: rgba(143, 185, 160, 0.12);
    --primary-alpha-strong: rgba(143, 185, 160, 0.2);
    --destructive-alpha: rgba(224, 130, 130, 0.12);
    --destructive-alpha-strong: rgba(224, 130, 130, 0.2);
    --success-alpha: rgba(118, 168, 138, 0.12);
    --success-alpha-strong: rgba(118, 168, 138, 0.2);
    --warning-alpha: rgba(196, 170, 108, 0.12);
    --shadow: 0 1.6px 3.6px rgba(0, 0, 0, 0.3);
    --shadow-hover: 0 6.4px 14.4px rgba(0, 0, 0, 0.42);
    --shadow-xl: 0 12px 32px rgba(0, 0, 0, 0.6), 0 2px 8px rgba(0, 0, 0, 0.4);
    --shadow-strong: rgba(0, 0, 0, 0.48);
    --radial-bg: rgba(143, 185, 160, 0.07);
    --radial-bg-accent: transparent;
    --scrollbar-thumb: #3f4642;
    --scrollbar-thumb-hover: #525a54;
    --code-bg: rgba(0, 0, 0, 0.35);
}