:root {
    /* Main brand color used throughout the admin interface */
    --primary: #00a9a0; /* teal */

    /* Secondary brand shade for backgrounds and buttons */
    --secondary: #50b284; /* havstrømme */

    /* Accent color for highlights and selection */
    --accent: #ffcc32; /* yellow */

    /* Text color for primary elements placed on colored backgrounds */
    --primary-fg: #ffffff;

    /* Default foreground and background colors */
    --body-fg: #333333;
    --body-bg: #ffffff;

    /* Various text shades for less prominent content */
    --body-quiet-color: #666666;
    --body-medium-color: #444444;
    --body-loud-color: #000000;

    /* Header colors */
    --header-color: #ffc; /* admin generic header background */
    --header-branding-color: var(--accent); /* site title */
    --header-bg: var(--secondary); /* header bar */
    --header-link-color: var(--primary-fg);

    /* Breadcrumb navigation */
    --breadcrumbs-fg: #7cd4c7; /* skumtoppe */
    --breadcrumbs-link-fg: var(--body-bg);
    --breadcrumbs-bg: #264b5d; /* dark teal background */

    /* Links */
    --link-fg: #00a9a0; /* teal links */
    --link-hover-color: #50b284; /* havstrømme on hover */
    --link-selected-fg: var(--accent);

    /* Standard greys for layout and borders */
    --hairline-color: #e8e8e8;
    --border-color: #ccc;
    --error-fg: #ba2121;

    /* Flash messages */
    --message-success-bg: #86ba75; /* sommergræs */
    --message-warning-bg: #fed89e; /* æggeskal */
    --message-error-bg: #ffefef;

    /* List and table row highlights */
    --darkened-bg: #f8f8f8;
    --selected-bg: #e4e4e4;
    --selected-row: #ffcc32; /* highlight row */

    /* Button colors */
    --button-fg: #fff;
    --button-bg: var(--primary);
    --button-hover-bg: #7cd4c7; /* skumtoppe */
    --default-button-bg: var(--secondary);
    --default-button-hover-bg: var(--primary);
    --close-button-bg: #d7b57d; /* caffe_latte */
    --close-button-hover-bg: #cfa259;
    --delete-button-bg: #e0a125; /* karry */
    --delete-button-hover-bg: #c28d1d;

    /* Object tools (change form upper-right links) */
    --object-tools-fg: var(--button-fg);
    --object-tools-bg: var(--close-button-bg);
    --object-tools-hover-bg: var(--close-button-hover-bg);
}


.csv-download-form {
    display: flex;
    gap: 5px;
    align-items: center;
}