/* Kikaron */
:root {
    --login-panel-icon: var(--glyph-kikaron);

    --colour-accent: #EA6C1A;
    --colour-kikaron-light: rgba(234, 108, 26, 0.12);
    --colour-kikaron-light-hover: rgba(234, 109, 26, 0.211);

    /* Base surfaces — warm off-white body, white header */
    --colour-base: #f8f5f2;
    --colour-base-light: #ffffff;
    --colour-canvas: var(--colour-base);
    --colour-base-background: #FAFAF8;
    --body-bg: #FAFAF8;
    --body-font-colour: #1a1a1a;

    /* Text */
    --colour-primary: #1F2937;
    --colour-ink-light: #e4e4e7;
    --colour-ink-medium: #a1a1aa;
    --colour-ink-dark: #52525b;
    --colour-ink-darkest: #1a1a1a;
    --colour-byline: #52525b;

    /* Well headers — use Kikaron accent orange */
    --well-headers: var(--colour-accent);

    /* Links & accents */
    --colour-link: var(--colour-accent);
    --colour-link-hover: #F4924A;
    --colour-accent-text: #ffffff;
    --colour-accent-auto-contrast: #ffffff;
    --colour-link-auto-contrast: #ffffff;
    --colour-link-auto-contrast-hover: #ffffff;
    --colour-portal-tabs-text: var(--colour-accent);
    --colour-alert: #dc2626;
    --colour-success: #16a34a;
    --colour-notice-background: #fef3e8;
    --colour-notice: var(--colour-accent);
    --colour-question: #f3f4f6;
    --colour-orange: var(--colour-accent);

    /* Separation & borders */
    --colour-separation-lines: #e4e4e7;
    --default-border-colour: #e4e4e7;
    --default-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.07);
    --default-box-shadow-hover: 0 4px 24px rgba(0, 0, 0, 0.10);
    --soft-shadow: 0 2px 12px rgba(0, 0, 0, 0.07);
    --border-radii: 20px;
    --colour-app-space-shadow: rgba(31, 41, 55, 0.08);
    --caret-colour: var(--colour-accent);

    /* Global header — white with dark icons/text */
    /* --global-header-box-shadow-size: 0 1px 0; */
    --global-header-box-shadow-rgba: 17, 24, 39, 0.04;
    --global-header-background-colour: #ffffff;
    --colour-header: #ffffff;
    --colour-header-elements: #1F2937;

    /* Sidebar */
    --sidebar-background-colour: #ffffff;
    --colour-sidebar-rgba-100: rgba(255, 255, 255, 1);
    --colour-sidebar-rgba-0: rgba(255, 255, 255, 0);
    --colour-sidebar-extras: rgba(234, 108, 26, 0.06);
    --colour-sidebar-extras-hover: rgba(234, 108, 26, 0.12);
    --colour-sidebar-well: rgba(0, 0, 0, 0.02);

    /* Wells */
    --pat-well-background-colour: #ffffff;
    --pat-well-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.07);
    --pat-well-form-field-background-colour: #fafafa;

    /* Login panel */
    --login-panel-panel-background-colour: #ffffff;
    --login-panel-panel-box-shadow: 0 4px 24px rgba(0, 0, 0, 0.10);
    --colour-login-input-background: #ffffff;
    --login-panel-logo-height: 180px;

    /* Tabs bar — white header, dark icons */
    /* --tabs-bar-tab-box-shadow-active: inset 0 0 0 1px rgba(31, 41, 55, 0.15);
    --tabs-bar-tab-box-shadow-dimmed: inset 0 0 0 1px rgba(31, 41, 55, 0.08);
    --tabs-bar-tab-icon-background-colour: rgba(31, 41, 55, 0.06);
    --tabs-bar-tab-app-icon-filter-dimmed: invert(40%);
    --tabs-bar-tab-app-icon-filter-active: invert(0%); */

    /* Portal tabs */
    --portal-tabs-box-shadow: var(--default-box-shadow);
    --portal-tabs-title-icon-size: 28px;
    --portal-tabs-title-icon: var(--glyph-kikaron);

    /* Posts & comments */
    --colour-post: #fef3e8;
    --colour-comment-trail: #f4f4f5;
    --post-box-box-shadow: var(--default-box-shadow);
    --post-background-colour: #ffffff;

    /* Application label */
    --colour-application-label: rgba(234, 108, 26, 0.1);
    --colour-application-label-text: var(--colour-accent);

    /* Workspace tiles */
    /* --colour-workspace-default: var(--colour-accent);
    --workspace-tile-text-colour: #52525b;
    --workspace-tile-title-text-colour: #1a1a1a;
    --workspace-tile-description-text-colour: #52525b;
    --workspace-tile-tag-cloud-tag-text-colour: #52525b;
    --workspace-tile-tag-cloud-tag-background-colour: #f4f4f5; */
    --workspace-tile-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.07);
    --workspace-tile-box-shadow-hover: 0 4px 24px rgba(0, 0, 0, 0.10);

    /* App tiles */
    --tile-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.07);
    /* White → Kikaron accent #EA6C1A. brightness(0) forces the source to
       solid black, then sepia + saturate + hue-rotate + brightness + contrast
       lands us on the target orange. */
    --tile-icon-filter: brightness(0) saturate(100%) invert(41%) sepia(79%) saturate(414%) hue-rotate(340deg) brightness(105%) contrast(132%);
    --tile-background-colour: white;
    --tile-calendar-text-colour: #1a1a1a; 
    --external-app-colour: #1F2937;

    /* Item selector (contact bars, member lists, file lists) */
    /* --item-selector-hover-colour: #fef3e8;*/
    /* --item-selector-byline-colour: #52525b; */
    /* --item-selector-icon-background-colour: #f4f4f5;  */

    /* Modals */
    --modal-panel-panel-box-shadow: 0 4px 24px rgba(0, 0, 0, 0.10);

    /* Contact bars */
    --contact-bars-background-colour: #ffffff;

    /* Forms */
    --colour-form-fields-background: #ffffff;
    --pat-form-panel-background-colour: #ffffff;
    --pat-form-input-field-background-colour: #ffffff;
    --pat-form-input-field-box-shadow: inset 0 0 0 1px #e4e4e7;
    --pat-form-input-field-box-shadow-focus: inset 0 0 0 2px var(--colour-accent);
    --pat-form-input-field-outline-focus: 2px solid rgba(234, 108, 26, 0.2);
    --pat-form-input-field-text-colour: #1a1a1a;
    --pat-select-box-background-colour: #ffffff;
    --pat-select-box-background-colour-hover: #fef3e8;
    --pat-select-box-arrow-text-colour-hover: var(--colour-accent);
    --pat-form-placeholder-colour: #a1a1aa;

    --event-card-background-colour: #ffffff;
    --contact-card-text-colour: #1a1a1a;

    /* Buttons */
    --colour-button: var(--colour-kikaron-light);
    --colour-button-text: #1F2937;
    --button-background-colour: var(--colour-kikaron-light);
    --button-background-colour-hover: var(--colour-kikaron-light-hover);
    --button-background-colour-default: var(--colour-accent);
    --button-background-colour-default-hover: #F4924A;
    --pat-button-box-shadow: none;
    --pat-button-text-colour: #1F2937;
    --pat-button-text-colour-hover: #1F2937;
    --pat-button-background-colour: var(--button-background-colour);
    --pat-button-background-colour-hover: var(--button-background-colour-hover);

    /* Button cluster */
    /* --pat-button-cluster-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.07);*/
    --pat-button-cluster-box-background: var(--colour-kikaron-light);
    /* --pat-button-cluster-text-colour: #52525b; */
    /* --pat-button-cluster-item-background-colour-active: #fef3e8;  */

    /* Toolbar */
    /* --pat-toolbar-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.07);
    --pat-toolbar-icon-text-colour: #52525b;
    --pat-toolbar-button-text-colour: #52525b;
    --pat-toolbar-button-background-colour: #ffffff;
    --pat-toolbar-button-background-colour-hover: #fef3e8;
    --pat-toolbar-icon-background-colour-hover: #fef3e8;
    --pat-toolbar-search-field-input-field-box-shadow-focus: inset 0 0 0 2px var(--colour-accent);
    --pat-toolbar-icon-text-colour-hover: var(--colour-accent);
    --pat-toolbar-button-text-colour-hover: var(--colour-accent); */

    /* Magazine */
    /* --magazine-box-shadow: var(--default-box-shadow); */

    /* Workspace tabs */
    /* --colour-workspace-tabs-bar: #f4f4f5;
    --workspace-tabs-tab-text-colour: #52525b;
    --workspace-tabs-tab-background-colour-active: var(--colour-accent);
    --workspace-name-border: 1px solid #e4e4e7; */

    /* Portlet */
    --portlet-title-font-weight: 600;

    /* Tables */
    --pat-table-row-outline: 1px solid #e4e4e7;
    --pat-table-cell-background-colour: #ffffff;

    /* Checklists */
    /* --checklist-label-background-colour-hover: #fef3e8; */

    /* Tooltips */
    /* --pat-tooltip-box-shadow: 0 4px 24px rgba(0, 0, 0, 0.10);
    --pat-tooltip-arrow-border-colour: #e4e4e7;
    --pat-tooltip-background-colour: #1F2937;
    --tooltip-background-colour: #1F2937; */

    /* Sidebar toggle */
    --sidebar-toggle-workspaces-box-shadow: var(--default-box-shadow);

    /* Ueber back button */
    /* --ueber-back-button-background-colour: #f4f4f5;
    --ueber-back-button-background-colour-hover: #fef3e8;
    --ueber-back-button-text-colour: #1F2937;
    --ueber-back-button-text-colour-hover: var(--colour-accent); */

    /* Back button (generic) */
    /* --back-button-background-colour: #f4f4f5;
    --back-button-background-colour-hover: #fef3e8; */

    /* File downloads */
    /* --file-download-border: 1px solid #e4e4e7; */

    /* Calendar */
    /* --colour-cal-weekend: #fafaf8; */

    /* Avatars */
    /* --pat-avatar-background-colour-hc: var(--colour-accent); */

    /* Scrollbar (webkit) */
    --colour-scrollbar-track: #fafaf8;
    --colour-scrollbar-thumb: #e4e4e7;

    /* Activity stream */
    /* --activity-stream-item-hover: #fef3e8; */

    /* Animation */
    --default-animation-duration: 0.2s;
}