/*!
 * Portions derived from Google Material Design (https://material.io).
 * Copyright (c) Google LLC. Licensed under Apache License 2.0.
 * See /NOTICE.md for full license text.
 * "Material Design", "Material", "Google", and "Roboto" are trademarks of Google LLC.
 * This project is not affiliated with or endorsed by Google.
 */
* {
    --fontFamilyBase: 'Roboto', 'Pretendard-Regular', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', sans-serif;
    --fontFamilyMonospace: 'Roboto Mono', Consolas, 'Pretendard-Regular', Courier, monospace;
    --fontFamilyNumeric: 'Roboto', Bahnschrift, 'Pretendard-Regular', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', sans-serif;
	--underBarVisibility: hidden;
	--outlineVisibility: visible;
	--labelSeperator: ':';

	--scrollbarArrowUp: url("../icons/ico_chevron_up.svg");
	--scrollbarArrowDown: url("../icons/ico_chevron_down.svg");
	--scrollbarArrowLeft: url("../icons/ico_chevron_left.svg");
	--scrollbarArrowRight: url("../icons/ico_chevron_right.svg");

	--sizeScrollBarWidth: 1.0rem;
	--sizeScrollBarHeight: 1.0rem;
	--sizeScrollBarThumbRadius: 0.4rem;
	--colorScrollBar:none;
	--colorScrollBarThumb:#90A4AE;
	--colorScrollBarTrack:#ECEFF1;
	--colorScrollBarTrackHover:#CFD8DC;
	--colorScrollBarTrackBorder:#ECEFF1;
	--colorScrollBarButton: #ECEFF1;

	--sizeLabelLineHeight:17px;
	--sizeMessageboxPaddingHor: 2rem;
	--sizeMessageboxPaddingVer: 1.5rem;
	--sizeMessageboxPaddingVerTop:0.75rem;
	--sizeDiaglogPaddingHor:2rem;
	--sizeDiaglogPaddingVer:1.8rem;
	--sizeDiaglogPaddingVerTop:0.9rem;

	/* Value는 컴포넌트에서 읽어서 바로사용함 */
	--gridRowHeightValue:45;
	--gridHeaderRowHeightValue: 35;
	--gridSmallRowHeightValue: 35;
	--gridSmallHeaderRowHeightValue: 28;
	--gridXSmallRowHeightValue: 28;
	--gridXSmallHeaderRowHeightValue: 22;
	--gridLargeRowHeightValue:60;
	--gridLargeHeaderRowHeightValue:45;
	--gridXLargeRowHeightValue:80;
	--gridXLargeHeaderRowHeightValue:60;

	--gridRowHeight:4.5rem;
	--gridHeaderRowHeight: 3.5rem;
	--gridSmallRowHeight: 3.5rem;
	--gridSmallHeaderRowHeight: 2.8rem;
	--gridXSmallRowHeight: 2.8rem;
	--gridXSmallHeaderRowHeight: 2.2rem;
	--gridLargeRowHeight:6.0rem;
	--gridLargeHeaderRowHeight:4.2rem;
	--gridXLargeRowHeight:8rem;
	--gridXLargeHeaderRowHeight:6rem;

	--labelSeperatorMarginRight: 0.1rem;
	--labelSeperatorMarginLeft: 0.1rem;

	--fontWeightRegular: 400;
    --fontWeightMedium: 500;
    --fontWeightSemibold: 600;
    --fontWeightBold: 700;



	--sizeBorderXXXS: 0.01rem;
	--sizeBorderXXS: 0.02rem;
	--sizeBorderXS: 0.04rem;
	--sizeBorderSN: 0.05rem;
	--sizeBorderS: 0.06rem;
	--sizeBorderMN: 0.08rem;
	--sizeBorderM: 0.1rem;
	--sizeBorderLN: 0.15rem;
	--sizeBorderL: 0.2rem;
    --sizeBorderXL: 0.3rem;
    --sizeBorderXXL: 0.4rem;
	--sizeBorderXXXL: 0.5rem;



	--sizeSpacingNone: 0;
	--sizeSpacingXXXS: 0.1rem;
	--sizeSpacingXXS: 0.2rem;
	--sizeSpacingXS: 0.4rem;
	--sizeSpacingSN: 0.6rem;
	--sizeSpacingS: 0.8rem;
	--sizeSpacingMN: 1.0rem;
	--sizeSpacingM: 1.2rem;
	--sizeSpacingLN: 1.4rem;
	--sizeSpacingL: 1.6rem;
	--sizeSpacingXL: 2.0rem;
	--sizeSpacingXXL: 2.4rem;
	--sizeSpacingXXXL: 3.2rem;

	--sizeSpacingNone: 0;
	--sizeSpacingXXXS: 0.1rem;
	--sizeSpacingXXS: 0.2rem;
	--sizeSpacingXS: 0.4rem;
	--sizeSpacingSN: 0.6rem;
	--sizeSpacingS: 0.8rem;
	--sizeSpacingMN: 1rem;
	--sizeSpacingM: 1.2rem;
	--sizeSpacingLN: 1.4rem;
	--sizeSpacingL: 1.6rem;
	--sizeSpacingXL: 2.0rem;
	--sizeSpacingXXL: 2.4rem;
	--sizeSpacingXXXL: 3.2rem;

    --shadowXXS: 0 1px 1px 0 rgba(0,0,0,0.14), 0 1px 3px 0 rgba(0,0,0,0.12);
    --shadowXS: 0 1px 3px 0 rgba(0,0,0,0.2), 0 1px 5px 0 rgba(0,0,0,0.12);
    --shadowSN: 0 2px 4px -1px rgba(0,0,0,0.2), 0 4px 5px 0 rgba(0,0,0,0.14);
    --shadowS: 0 3px 5px -1px rgba(0,0,0,0.2), 0 6px 10px 0 rgba(0,0,0,0.14);
	--shadowMN: 0 5px 5px -3px rgba(0,0,0,0.2), 0 8px 10px 1px rgba(0,0,0,0.14);
    --shadowM: 0 6px 6px -3px rgba(0,0,0,0.2), 0 10px 14px 1px rgba(0,0,0,0.14);
	--shadowLN: 0 7px 8px -4px rgba(0,0,0,0.2), 0 12px 17px 2px rgba(0,0,0,0.14);
    --shadowL: 0 8px 10px -5px rgba(0,0,0,0.2), 0 16px 24px 2px rgba(0,0,0,0.14);
    --shadowXL: 0 9px 12px -6px rgba(0,0,0,0.2), 0 19px 29px 2px rgba(0,0,0,0.14);
    --shadowXXL: 0 10px 14px -6px rgba(0,0,0,0.2), 0 22px 35px 3px rgba(0,0,0,0.14);
	--shadowXXXL: 0 11px 15px -7px rgba(0,0,0,0.2), 0 24px 38px 3px rgba(0,0,0,0.14);

	--sizeSpacingNone: 0;
	--sizeSpacingXXXS: 0.1rem;
	--sizeSpacingXXS: 0.2rem;
	--sizeSpacingXS: 0.4rem;
	--sizeSpacingSN: 0.6rem;
	--sizeSpacingS: 0.8rem;
	--sizeSpacingMN: 1.0rem;
	--sizeSpacingM: 1.2rem;
	--sizeSpacingLN: 1.4rem;
	--sizeSpacingL: 1.6rem;
	--sizeSpacingXL: 2.0rem;
	--sizeSpacingXXL: 2.4rem;
	--sizeSpacingXXXL: 3.2rem;
	--sizeSpacingH: 4.0rem;
	--sizeSpacingXH: 4.8rem;
	--sizeSpacingXXH: 5.6rem;
	--sizeSpacingXXXH: 6.4rem;

	--sizeButtonXS: 1.6rem;
	--sizeButtonS: 2.4rem;
	--sizeButtonM: 3.2rem;
	--sizeButtonL: 4.0rem;
	--sizeButtonXL: 4.8rem;

	--sizeFieldXS: 1.6rem;
	--sizeFieldS: 2.4rem;
	--sizeFieldM: 3.2rem;
	--sizeFieldL: 4.0rem;
	--sizeFieldXL: 4.8rem;

	--sizeIconXS: 1.0rem;
	--sizeIconS: 1.6rem;
	--sizeIconM: 2.0rem;
	--sizeIconL: 2.4rem;
	--sizeIconXL: 2.8rem;
	--sizeIconXXL: 3.2rem;
	--sizeIconXXXL: 3.6rem;

	--sizeSpacingVerticalFieldXS: 0.1rem;
	--sizeSpacingVerticalFieldS: 0.3rem;
	--sizeSpacingVerticalFieldM: 0.5rem;
	--sizeSpacingVerticalFieldL: 0.7rem;
	--sizeSpacingVerticalFieldXL: 1.2rem;
	--sizeSpacingHorizontalFieldXS: 1rem;
	--sizeSpacingHorizontalFieldS: 1.2rem;
	--sizeSpacingHorizontalFieldM: 1.6rem;
	--sizeSpacingHorizontalFieldL: 2rem;
	--sizeSpacingHorizontalFieldXL: 2.4rem;

	--sizeFontXXS: 0.4rem;
    --sizeFontXS: 0.8rem;
	--sizeFontSN: 1.0rem;
    --sizeFontS: 1.2rem;
	--sizeFontMN: 1.4rem;
    --sizeFontM: 1.6rem;
	--sizeFontLN: 1.8rem;
	--sizeFontL: 2.0rem;
	--sizeFontXL: 2.4rem;
	--sizeFontXXL: 2.8rem;
	--sizeFontXXXL: 3.2rem;


	--sizeFontTitleXS: 1.6rem;
	--sizeFontTitleS: 2.4rem;
	--sizeFontTitleM: 3.2rem;
	--sizeFontTitleL: 4.0rem;
	--sizeFontTitleXL: 4.8rem;
	--sizeFontTitleXXL: 5.6rem;
	--sizeFontTitleXXXL: 6.4rem;

	--sizeFieldGapXS: 0.1rem;
	--sizeFieldGapS: 0.2rem;
	--sizeFieldGapM: 0.4rem;
	--sizeFieldGapL: 0.6rem;
	--sizeFieldGapXL: 0.8rem;

	--sizeGapNone: 0;
	--sizeGapXXXS: 0.1rem;
	--sizeGapXXS: 0.2rem;
	--sizeGapXS: 0.4rem;
	--sizeGapSN: 0.6rem;
	--sizeGapS: 0.8rem;
	--sizeGapMN: 1.0rem;
	--sizeGapM: 1.2rem;
	--sizeGapL: 1.6rem;
	--sizeGapXL: 2.0rem;
	--sizeGapXXL: 2.4rem;
	--sizeGapXXXL: 3.2rem;

	--sizeCheckXS: 0.8rem;
	--sizeCheckS: 1.2rem;
	--sizeCheckM: 1.6rem;
	--sizeCheckL: 2.0rem;
	--sizeCheckXL: 2.4rem;

	--sizeBadgeXS: 1.0rem;
	--sizeBadgeS: 1.4rem;
	--sizeBadgeM: 1.8rem;
	--sizeBadgeL: 2.2rem;
	--sizeBadgeXL: 2.6rem;

	--sizeCheckMarginXS: 0.3rem;
	--sizeCheckMarginS: 0.5rem;
	--sizeCheckMarginM: 0.7rem;
	--sizeCheckMarginL: 0.9rem;
	--sizeCheckMarginXL: 1.1rem;

	--sizeRailXS: 0.2rem;
	--sizeRailS: 0.3rem;
	--sizeRailM: 0.4rem;
	--sizeRailL: 0.5rem;
	--sizeRailXL: 0.6rem;

	--sizeThumbXS: 1.5rem;
	--sizeThumbS: 1.8rem;
	--sizeThumbM: 2.0rem;
	--sizeThumbL: 2.4rem;
	--sizeThumbXL: 2.7rem;

	--sizeFieldBorderRadiusNone: 0;
	--sizeFieldBorderRadiusXS: 0.1rem;
    --sizeFieldBorderRadiusS: 0.2rem;
	--sizeFieldBorderRadiusMN: 0.3rem;
    --sizeFieldBorderRadiusM: 0.4rem;
	--sizeFieldBorderRadiusLN: 0.5rem;
    --sizeFieldBorderRadiusL: 0.6rem;
    --sizeFieldBorderRadiusXL: 0.8rem;
	--sizeFieldBorderRadiusXXL: 1.0rem;
	--sizeFieldBorderRadiusXXXL: 1.2rem;
    --sizeFieldBorderRadiusCircular: 1000rem;

	/* Title / TitleBar - Material 3 Headline Medium */
	--sizeTitle: 2.8rem;
	--sizeTitleLine: 3.6rem;
	--sizeTitleFontWeight: 400;
	--sizeTitleLatterSpacing: 0;
	--sizeTitleBarPaddingTop: 1.6rem;
	--sizeTitleBarPaddingRight: 1.6rem;
	--sizeTitleBarPaddingBottom: 1.6rem;
	--sizeTitleBarPaddingLeft: 1.6rem;

	--sizeBorderRadiusNone: 0;
	--sizeBorderRadiusXXS: 0.2rem;
	--sizeBorderRadiusXS: 0.4rem;
	--sizeBorderRadiusSN: 0.6rem;
    --sizeBorderRadiusS: 0.8rem;
	--sizeBorderRadiusMN: 1.0rem;
    --sizeBorderRadiusM: 1.2rem;
	--sizeBorderRadiusLN: 1.4rem;
    --sizeBorderRadiusL: 1.6rem;
    --sizeBorderRadiusXL: 2.0rem;
	--sizeBorderRadiusXXL: 2.4rem;
	--sizeBorderRadiusXXXL: 3.2rem;
    --sizeBorderRadiusCircular: 1000rem;

	/* Material Design 3 - Primary: Indigo, Secondary: Teal */
	--colorFocusLine: rgba(63, 81, 181, .4);
	--colorFocusWrapper: #9E9E9E;
	--colorBorderBottomColor: #616161;
	--colorWhite: #ffffff;
	--colorBlack: #000000;
	--colorDark: #212121;

	/* Foreground / Background */
	--colorForeground: #212121;
	--colorForegroundPressed: #111111;
	--colorBackground: #FAFAFA;
	--colorBackgroundHover: #EEEEEE;
	--colorBackgroundPressed: #E0E0E0;
	--colorStroke: #212121;
	--colorForeground2: #424242;
	--colorForeground2Pressed: #212121;
	--colorBackground2: #F5F5F5;
	--colorStroke2: #424242;
	--colorForeground3: #757575;
	--colorForeground3Pressed: #616161;
	--colorBackground3: #EEEEEE;
	--colorStroke3: #757575;
	--colorStrokeDisabled: #BDBDBD;
	--colorDisabled: #E0E0E0;

	/* Primary - Material Indigo */
	--colorPrimaryForeground: #ffffff;
	--colorPrimary: #3F51B5;
	--colorPrimaryHover: #3949AB;
	--colorPrimaryPressed: #283593;
	--colorPrimarySelected: #303F9F;

	/* Secondary - Material Teal */
	--colorSecondaryForeground: #424242;
	--colorSecondary: #E8EAF6;
	--colorSecondaryHover: #C5CAE9;
	--colorSecondaryPressed: #9FA8DA;
	--colorSecondarySelected: #9FA8DA;

	/* Tertiary */
	--colorTertiaryForeground: #212121;
	--colorTertiaryBorder: #9E9E9E;
	--colorTertiary: #ffffff;
	--colorTertiaryHover: #F5F5F5;
	--colorTertiaryPressed: #EEEEEE;

	/* Neutral */
	--colorNeutralForeground: #424242;
	--colorNeutralForeground2: #424242;
	--colorNeutralForeground3: #757575;
	--colorNeutralForeground4: #9E9E9E;
	--colorNeutralStroke: #BDBDBD;
	--colorNeutral: #ffffff;
	--colorNeutral2: #FAFAFA;
	--colorNeutral3: #F5F5F5;
	--colorNeutral4: #EEEEEE;
	--colorNeutralHover: #F5F5F5;
	--colorNeutralPressed: #E0E0E0;
	--colorNeutralSelected: #E0E0E0;

	/* Emphasis */
	--colorEmphasisStroke: #424242;

	/* Subtle */
	--colorSubtleForeground: #424242;
	--colorSubtle: transparent;
	--colorSubtleHover: #F5F5F5;
	--colorSubtlePressed: #EEEEEE;
	--colorSubtleSelected: #E8EAF6;

	/* Outline */
	--colorOutlineForeground: #424242;
	--colorOutlineStroke: #9E9E9E;
	--colorOutline: transparent;
	--colorOutlineHover: transparent;
	--colorOutlinePressed: transparent;
	--colorOutlineSelected: transparent;

	/* Transparent */
	--colorTransparent: transparent;
	--colorTransparentHover: transparent;
	--colorTransparentPressed: transparent;
	--colorTransparentSelected: transparent;
	--colorTransparentForeground: #424242;
	--colorTransparentForegroundHover: #3949AB;
	--colorTransparentForegroundPressed: #283593;
	--colorTransparentForegroundSelected: #283593;

	/* Inverted */
	--colorInvertedForeground: #ffffff;
	--colorInverted: #212121;
	--colorInvertedHover: #424242;
	--colorInvertedPressed: #212121;
	--colorInvertedSelected: #212121;

	/* Accent - Material Red */
	--colorAccentForeground: #ffffff;
	--colorAccent: #F44336;
	--colorAccentHover: #D32F2F;
	--colorAccentPressed: #E53935;
	--colorAccentSelected: #C62828;
	--colorGridEditStroke: #E53935;

	/* Status - Material 색상 */
	--colorStatusSuccess: #2E7D32;
	--colorStatusWarning: #E65100;
	--colorStatusDanger: #C62828;
	--colorStatusInfo: #1565C0;
	--colorStatusDanger2: #FFEBEE;
	--colorStatusDangerStroke: #EF5350;
	--colorStatusSuccess2: #E8F5E9;
	--colorStatusSuccessStroke: #81C784;
	--colorStatusWarning2: #FFF3E0;
	--colorStatusWarningStroke: #FFB74D;
	--colorStatusInfo2: #E3F2FD;
	--colorStatusInfoStroke: #42A5F5;

	/* Gray / Field / Divider */
	--colorGray: #EEEEEE;
	--colorDarkGray: #E0E0E0;
	--colorPage: #FFFFFF;
	--colorPanel: #F5F5F5;
	--colorPanelSelected: #E0E3F5;
	--colorPanelBorder: #9E9E9E;
	--colorFieldStroke: #9E9E9E;
	--colorFieldError: #FFCDD2;
	--colorDivStroke: #E0E0E0;
	--colorLabel: #212121;
	--colorSubLabel: #757575;
	--colorHorLine: #EEEEEE;

	/* Active / Grid */
	--colorActive: #3F51B5;
	--colorGridHeaderEditForeground: #3F51B5;
	--colorGridHeaderEditForegroundPrimary: #FFC107;
	--colorGridSelected: #E8EAF6;
	--colorGridHeaderMark: #FF6F00;
	--colorGridEdit: #C5CAE9;
	--colorGridEditForeground: #1D1B20;

	/* Card / Background */
	--colorBackward: #FAFAFA;
	--colorCard: #F5F5F5;
	--colorTextSub: #9E9E9E;
	--colorText: #424242;
	--colorTitle: #212121;
	--colorLight: #E8EAF6;

	/* Drag */
	--colorDragInsertBeforeStroke: #FFC107;
	--colorDragInsertAfterStroke: #FF9800;
	--colorDragAppendStroke: #4CAF50;

	/* Chart */
	--colorChartAxes: #424242;

}