/**
 * Ohanashi デザイントークン
 * v1.1.0: アクセントを増やし、シャドウを深くして「アプリらしさ」を出す
 */

:root {
	--oh-primary: #5BA9F0;
	--oh-primary-dark: #3A8BE0;
	--oh-accent: #FF7B6E;
	--oh-accent-dark: #E85A4C;
	--oh-violet: #7B5FE9;
	--oh-violet-dark: #5C42C9;

	--oh-bg-app: #F4F6FB;
	--oh-bg-app-gradient: radial-gradient(ellipse at top, #EEF2FF 0%, #F4F6FB 55%, #FAFAFC 100%);
	--oh-bg-card: #FFFFFF;
	--oh-bg-glass: rgba(255, 255, 255, 0.78);

	--oh-text-primary: #1A1A2E;
	--oh-text-secondary: #5B6079;
	--oh-text-tertiary: #98A0B5;
	--oh-border-soft: #E7EAF3;
	--oh-border-strong: #D5DAE6;

	--oh-success: #10C896;
	--oh-warning: #FFC107;
	--oh-danger: #FF5E5E;

	--oh-badge-jlc: linear-gradient(135deg, #5BA9F0, #3A8BE0);
	--oh-badge-jpn: linear-gradient(135deg, #FF7B6E, #E85A4C);
	--oh-badge-staff: linear-gradient(135deg, #A88AE0, #7B5FE9);
	--oh-badge-free: #E8EAF0;

	--oh-gradient-violet-blue: linear-gradient(135deg, #7B5FE9 0%, #5BA9F0 100%);
	--oh-gradient-warm: linear-gradient(135deg, #FF7B6E 0%, #FFA07B 100%);
	--oh-gradient-fresh: linear-gradient(135deg, #5BA9F0 0%, #10C896 100%);

	--oh-space-1: 4px;
	--oh-space-2: 8px;
	--oh-space-3: 12px;
	--oh-space-4: 16px;
	--oh-space-5: 24px;
	--oh-space-6: 32px;
	--oh-space-7: 48px;

	--oh-r-sm: 10px;
	--oh-r-md: 14px;
	--oh-r-lg: 20px;
	--oh-r-xl: 26px;
	--oh-r-full: 999px;

	--oh-shadow-sm: 0 2px 8px rgba(30, 32, 60, 0.05);
	--oh-shadow-md: 0 8px 24px rgba(30, 32, 60, 0.08);
	--oh-shadow-lg: 0 18px 48px rgba(30, 32, 60, 0.12);
	--oh-shadow-pop: 0 4px 14px rgba(91, 169, 240, 0.35);
	--oh-shadow-warm: 0 4px 14px rgba(255, 123, 110, 0.30);

	--oh-font: -apple-system, BlinkMacSystemFont, 'Hiragino Sans', 'Yu Gothic UI', 'Yu Gothic', 'Noto Sans JP', 'Segoe UI', sans-serif;

	--oh-direction-jp-id: #5BA9F0;
	--oh-direction-id-jp: #FF7B6E;

	--oh-z-tabs: 50;
	--oh-z-header: 60;
	--oh-z-bottom-nav: 70;
	--oh-z-modal: 100;
}

@media (prefers-color-scheme: dark) {
	:root {
		--oh-bg-app: #0F1020;
		--oh-bg-app-gradient: radial-gradient(ellipse at top, #1B1F38 0%, #14152A 55%, #0F1020 100%);
		--oh-bg-card: #1B1D2E;
		--oh-bg-glass: rgba(27, 29, 46, 0.78);
		--oh-text-primary: #F0F1F8;
		--oh-text-secondary: #B0B6CC;
		--oh-text-tertiary: #7A809A;
		--oh-border-soft: #2A2D40;
		--oh-border-strong: #383C55;
	}
}

body.ohanashi-app {
	font-family: var(--oh-font);
	background: var(--oh-bg-app);
	background: var(--oh-bg-app-gradient);
	background-attachment: fixed;
	color: var(--oh-text-primary);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body.ohanashi-app a { text-decoration: none; }
body.ohanashi-app a:hover { text-decoration: none; }

.is-hidden { display: none !important; }
.oh-hidden-by-filter { display: none !important; }