/**
 * 이 파일은 아이모듈의 일부입니다. (https://www.imodules.io)
 *
 * 에러페이지 프레임을 위한 스타일시트를 정의한다.
 * 
 * @file /app/resources/frames/styles/error.css
 * @author Arzz <arzz@arzz.com>
 * @license MIT License
 * @modified 2026. 10. 1.
 */
:root {
    --im-error-text-primary: #342f5a;
    --im-error-text-secondary: #4f0f8f;
    --im-error-text-tertiary: #9892a8;

    --im-error-background-primary: #b0acc5;
    --im-error-background-secondary: #edd3fd;
    --im-error-background-tertiary: #faf5fe;

    --im-error-accent-primary: #4b476d;
    --im-error-accent-secondary: #342f5a;
    --im-error-accent-backward-primary: #e8e5f0;
    --im-error-accent-backward-secondary: #fff;

    /**
     * 다크테마 컬러셋을 정의한다.
     */
    &[data-color-scheme='dark'],
    &[data-color-scheme='auto'][data-prefers-color-scheme='dark'] {
        --im-error-text-primary: #dad1fa;
        --im-error-text-secondary: #d2adea;
        --im-error-text-tertiary: #9892a8;

        --im-error-background-primary: #433f45;
        --im-error-background-secondary: #412e4f;
        --im-error-background-tertiary: #342f36;

        --im-error-accent-primary: #4b476d;
        --im-error-accent-secondary: #342f5a;
        --im-error-accent-backward-primary: #e8e5f0;
        --im-error-accent-backward-secondary: #fff;
    }
}

body {
    /**
     * 전체페이지가 예외메시지인 경우
     */
    &[data-frame='error'] {
        width: 100vw;
        height: 100dvh;
        padding: 0px;
        margin: 0px;
        overflow: auto;
        color: var(--im-text-primary);
        background: var(--im-bg-tertiary);

        > main[data-type='error'] {
            align-self: center;
            min-height: 100%;
        }
    }

    /**
     * 디버그 모드일때
     */
    main[data-type='error'] {
        > section {
            max-width: 600px;
            box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);
        }

        &[data-mode='debug'] {
            > section {
                max-width: 1000px;
            }
        }
    }
}